使用VUE重构项目
This commit is contained in:
9
frontend/admin/node_modules/element-plus/lib/components/switch/index.d.ts
generated
vendored
Normal file
9
frontend/admin/node_modules/element-plus/lib/components/switch/index.d.ts
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
import { SFCWithInstall } from "../../utils/vue/typescript.js";
|
||||
import "../../utils/index.js";
|
||||
import { SwitchEmits, SwitchInstance, SwitchProps, SwitchPropsPublic, switchEmits, switchProps } from "./src/switch.js";
|
||||
import { _default } from "./src/switch.vue.js";
|
||||
|
||||
//#region ../../packages/components/switch/index.d.ts
|
||||
declare const ElSwitch: SFCWithInstall<typeof _default>;
|
||||
//#endregion
|
||||
export { ElSwitch, ElSwitch as default, SwitchEmits, SwitchInstance, SwitchProps, SwitchPropsPublic, switchEmits, switchProps };
|
||||
14
frontend/admin/node_modules/element-plus/lib/components/switch/index.js
generated
vendored
Normal file
14
frontend/admin/node_modules/element-plus/lib/components/switch/index.js
generated
vendored
Normal file
@@ -0,0 +1,14 @@
|
||||
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
||||
const require_install = require('../../utils/vue/install.js');
|
||||
const require_switch = require('./src/switch.js');
|
||||
const require_switch$1 = require('./src/switch2.js');
|
||||
|
||||
//#region ../../packages/components/switch/index.ts
|
||||
const ElSwitch = require_install.withInstall(require_switch$1.default);
|
||||
|
||||
//#endregion
|
||||
exports.ElSwitch = ElSwitch;
|
||||
exports.default = ElSwitch;
|
||||
exports.switchEmits = require_switch.switchEmits;
|
||||
exports.switchProps = require_switch.switchProps;
|
||||
//# sourceMappingURL=index.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/switch/index.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/switch/index.js.map
generated
vendored
Normal file
@@ -0,0 +1 @@
|
||||
{"version":3,"file":"index.js","names":["withInstall","Switch"],"sources":["../../../../../packages/components/switch/index.ts"],"sourcesContent":["import { withInstall } from '@element-plus/utils'\nimport Switch from './src/switch.vue'\n\nimport type { SFCWithInstall } from '@element-plus/utils'\n\nexport const ElSwitch: SFCWithInstall<typeof Switch> = withInstall(Switch)\nexport default ElSwitch\n\nexport * from './src/switch'\n"],"mappings":";;;;;;AAKA,MAAa,WAA0CA,4BAAYC,yBAAO"}
|
||||
164
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.d.ts
generated
vendored
Normal file
164
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.d.ts
generated
vendored
Normal file
@@ -0,0 +1,164 @@
|
||||
import { IconPropType } from "../../../utils/vue/icon.js";
|
||||
import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
|
||||
import { ComponentSize } from "../../../constants/size.js";
|
||||
import "../../../utils/index.js";
|
||||
import { _default } from "./switch.vue.js";
|
||||
import * as vue from "vue";
|
||||
import { ExtractPublicPropTypes, PropType } from "vue";
|
||||
|
||||
//#region ../../packages/components/switch/src/switch.d.ts
|
||||
interface SwitchProps {
|
||||
/**
|
||||
* @description binding value, it should be equivalent to either `active-value` or `inactive-value`, by default it's `boolean` type
|
||||
*/
|
||||
modelValue?: boolean | string | number;
|
||||
/**
|
||||
* @description whether Switch is disabled
|
||||
*/
|
||||
disabled?: boolean;
|
||||
/**
|
||||
* @description whether Switch is in loading state
|
||||
*/
|
||||
loading?: boolean;
|
||||
/**
|
||||
* @description size of Switch
|
||||
*/
|
||||
size?: ComponentSize;
|
||||
/**
|
||||
* @description width of Switch
|
||||
*/
|
||||
width?: string | number;
|
||||
/**
|
||||
* @description whether icon or text is displayed inside dot, only the first character will be rendered for text
|
||||
*/
|
||||
inlinePrompt?: boolean;
|
||||
/**
|
||||
* @description component of the icon displayed in action when in `off` state
|
||||
*/
|
||||
inactiveActionIcon?: IconPropType;
|
||||
/**
|
||||
* @description component of the icon displayed in action when in `on` state
|
||||
*/
|
||||
activeActionIcon?: IconPropType;
|
||||
/**
|
||||
* @description component of the icon displayed when in `on` state, overrides `active-text`
|
||||
*/
|
||||
activeIcon?: IconPropType;
|
||||
/**
|
||||
* @description component of the icon displayed when in `off` state, overrides `inactive-text`
|
||||
*/
|
||||
inactiveIcon?: IconPropType;
|
||||
/**
|
||||
* @description text displayed when in `on` state
|
||||
*/
|
||||
activeText?: string;
|
||||
/**
|
||||
* @description text displayed when in `off` state
|
||||
*/
|
||||
inactiveText?: string;
|
||||
/**
|
||||
* @description switch value when in `on` state
|
||||
*/
|
||||
activeValue?: boolean | string | number;
|
||||
/**
|
||||
* @description switch value when in `off` state
|
||||
*/
|
||||
inactiveValue?: boolean | string | number;
|
||||
/**
|
||||
* @description input name of Switch
|
||||
*/
|
||||
name?: string;
|
||||
/**
|
||||
* @description whether to trigger form validation
|
||||
*/
|
||||
validateEvent?: boolean;
|
||||
/**
|
||||
* @description before-change hook before the switch state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop switching
|
||||
*/
|
||||
beforeChange?: () => Promise<boolean> | boolean;
|
||||
/**
|
||||
* @description id for input
|
||||
*/
|
||||
id?: string;
|
||||
/**
|
||||
* @description tabindex for input
|
||||
*/
|
||||
tabindex?: string | number;
|
||||
/**
|
||||
* @description native `aria-label` attribute
|
||||
*/
|
||||
ariaLabel?: string;
|
||||
}
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `SwitchProps` instead.
|
||||
*/
|
||||
declare const switchProps: {
|
||||
readonly ariaLabel: StringConstructor;
|
||||
readonly modelValue: EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
|
||||
readonly disabled: EpPropFinalized<BooleanConstructor, unknown, unknown, undefined, boolean>;
|
||||
readonly loading: BooleanConstructor;
|
||||
readonly size: {
|
||||
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large") | (((new (...args: any[]) => "" | "default" | "small" | "large") | (() => "" | "default" | "small" | "large")) | null)[], unknown, "" | "default" | "small" | "large">>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly width: EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, "", boolean>;
|
||||
readonly inlinePrompt: BooleanConstructor;
|
||||
readonly inactiveActionIcon: {
|
||||
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly activeActionIcon: {
|
||||
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly activeIcon: {
|
||||
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly inactiveIcon: {
|
||||
readonly type: PropType<EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly activeText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly inactiveText: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly activeValue: EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, true, boolean>;
|
||||
readonly inactiveValue: EpPropFinalized<readonly [BooleanConstructor, StringConstructor, NumberConstructor], unknown, unknown, false, boolean>;
|
||||
readonly name: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
|
||||
readonly validateEvent: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
|
||||
readonly beforeChange: {
|
||||
readonly type: PropType<() => Promise<boolean> | boolean>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
readonly id: StringConstructor;
|
||||
readonly tabindex: {
|
||||
readonly type: PropType<EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
|
||||
readonly required: false;
|
||||
readonly validator: ((val: unknown) => boolean) | undefined;
|
||||
__epPropKey: true;
|
||||
};
|
||||
};
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `SwitchProps` instead.
|
||||
*/
|
||||
type SwitchPropsPublic = ExtractPublicPropTypes<typeof switchProps>;
|
||||
declare const switchEmits: {
|
||||
"update:modelValue": (val: boolean | string | number) => boolean;
|
||||
change: (val: boolean | string | number) => boolean;
|
||||
input: (val: boolean | string | number) => boolean;
|
||||
};
|
||||
type SwitchEmits = typeof switchEmits;
|
||||
type SwitchInstance = InstanceType<typeof _default> & unknown;
|
||||
//#endregion
|
||||
export { SwitchEmits, SwitchInstance, SwitchProps, SwitchPropsPublic, switchEmits, switchProps };
|
||||
88
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.js
generated
vendored
Normal file
88
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.js
generated
vendored
Normal file
@@ -0,0 +1,88 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
|
||||
const require_event = require('../../../constants/event.js');
|
||||
const require_types = require('../../../utils/types.js');
|
||||
const require_runtime$1 = require('../../../utils/vue/props/runtime.js');
|
||||
const require_icon = require('../../../utils/vue/icon.js');
|
||||
const require_validator = require('../../../utils/vue/validator.js');
|
||||
const require_index = require('../../../hooks/use-aria/index.js');
|
||||
let _vue_shared = require("@vue/shared");
|
||||
|
||||
//#region ../../packages/components/switch/src/switch.ts
|
||||
/**
|
||||
* @deprecated Removed after 3.0.0, Use `SwitchProps` instead.
|
||||
*/
|
||||
const switchProps = require_runtime$1.buildProps({
|
||||
modelValue: {
|
||||
type: [
|
||||
Boolean,
|
||||
String,
|
||||
Number
|
||||
],
|
||||
default: false
|
||||
},
|
||||
disabled: {
|
||||
type: Boolean,
|
||||
default: void 0
|
||||
},
|
||||
loading: Boolean,
|
||||
size: {
|
||||
type: String,
|
||||
validator: require_validator.isValidComponentSize
|
||||
},
|
||||
width: {
|
||||
type: [String, Number],
|
||||
default: ""
|
||||
},
|
||||
inlinePrompt: Boolean,
|
||||
inactiveActionIcon: { type: require_icon.iconPropType },
|
||||
activeActionIcon: { type: require_icon.iconPropType },
|
||||
activeIcon: { type: require_icon.iconPropType },
|
||||
inactiveIcon: { type: require_icon.iconPropType },
|
||||
activeText: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
inactiveText: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
activeValue: {
|
||||
type: [
|
||||
Boolean,
|
||||
String,
|
||||
Number
|
||||
],
|
||||
default: true
|
||||
},
|
||||
inactiveValue: {
|
||||
type: [
|
||||
Boolean,
|
||||
String,
|
||||
Number
|
||||
],
|
||||
default: false
|
||||
},
|
||||
name: {
|
||||
type: String,
|
||||
default: ""
|
||||
},
|
||||
validateEvent: {
|
||||
type: Boolean,
|
||||
default: true
|
||||
},
|
||||
beforeChange: { type: require_runtime$1.definePropType(Function) },
|
||||
id: String,
|
||||
tabindex: { type: [String, Number] },
|
||||
...require_index.useAriaProps(["ariaLabel"])
|
||||
});
|
||||
const switchEmits = {
|
||||
[require_event.UPDATE_MODEL_EVENT]: (val) => require_types.isBoolean(val) || (0, _vue_shared.isString)(val) || require_types.isNumber(val),
|
||||
[require_event.CHANGE_EVENT]: (val) => require_types.isBoolean(val) || (0, _vue_shared.isString)(val) || require_types.isNumber(val),
|
||||
[require_event.INPUT_EVENT]: (val) => require_types.isBoolean(val) || (0, _vue_shared.isString)(val) || require_types.isNumber(val)
|
||||
};
|
||||
|
||||
//#endregion
|
||||
exports.switchEmits = switchEmits;
|
||||
exports.switchProps = switchProps;
|
||||
//# sourceMappingURL=switch.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
55
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.vue.d.ts
generated
vendored
Normal file
55
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.vue.d.ts
generated
vendored
Normal file
@@ -0,0 +1,55 @@
|
||||
import { SwitchProps } from "./switch.js";
|
||||
import * as vue from "vue";
|
||||
|
||||
//#region ../../packages/components/switch/src/switch.vue.d.ts
|
||||
declare var __VLS_1: {}, __VLS_14: {}, __VLS_27: {}, __VLS_51: {}, __VLS_64: {}, __VLS_77: {};
|
||||
type __VLS_Slots = {} & {
|
||||
inactive?: (props: typeof __VLS_1) => any;
|
||||
} & {
|
||||
inactive?: (props: typeof __VLS_14) => any;
|
||||
} & {
|
||||
active?: (props: typeof __VLS_27) => any;
|
||||
} & {
|
||||
'active-action'?: (props: typeof __VLS_51) => any;
|
||||
} & {
|
||||
'inactive-action'?: (props: typeof __VLS_64) => any;
|
||||
} & {
|
||||
active?: (props: typeof __VLS_77) => any;
|
||||
};
|
||||
declare const __VLS_base: vue.DefineComponent<SwitchProps, {
|
||||
/**
|
||||
* @description manual focus to the switch component
|
||||
**/
|
||||
focus: () => void;
|
||||
/**
|
||||
* @description whether Switch is checked
|
||||
*/
|
||||
checked: vue.ComputedRef<boolean>;
|
||||
}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
|
||||
change: (val: string | number | boolean) => void;
|
||||
"update:modelValue": (val: string | number | boolean) => void;
|
||||
input: (val: string | number | boolean) => void;
|
||||
}, string, vue.PublicProps, Readonly<SwitchProps> & Readonly<{
|
||||
onChange?: ((val: string | number | boolean) => any) | undefined;
|
||||
onInput?: ((val: string | number | boolean) => any) | undefined;
|
||||
"onUpdate:modelValue"?: ((val: string | number | boolean) => any) | undefined;
|
||||
}>, {
|
||||
disabled: boolean;
|
||||
modelValue: boolean | string | number;
|
||||
validateEvent: boolean;
|
||||
name: string;
|
||||
width: string | number;
|
||||
activeText: string;
|
||||
inactiveText: string;
|
||||
activeValue: boolean | string | number;
|
||||
inactiveValue: boolean | string | number;
|
||||
}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
|
||||
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
||||
declare const _default: typeof __VLS_export;
|
||||
type __VLS_WithSlots<T, S> = T & {
|
||||
new (): {
|
||||
$slots: S;
|
||||
};
|
||||
};
|
||||
//#endregion
|
||||
export { _default };
|
||||
198
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.vue_vue_type_script_setup_true_lang.js
generated
vendored
Normal file
198
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.vue_vue_type_script_setup_true_lang.js
generated
vendored
Normal file
@@ -0,0 +1,198 @@
|
||||
const require_runtime = require('../../../_virtual/_rolldown/runtime.js');
|
||||
const require_event = require('../../../constants/event.js');
|
||||
const require_types = require('../../../utils/types.js');
|
||||
const require_error = require('../../../utils/error.js');
|
||||
const require_style = require('../../../utils/dom/style.js');
|
||||
const require_index = require('../../../hooks/use-namespace/index.js');
|
||||
const require_index$1 = require('../../icon/index.js');
|
||||
const require_use_form_common_props = require('../../form/src/hooks/use-form-common-props.js');
|
||||
const require_use_form_item = require('../../form/src/hooks/use-form-item.js');
|
||||
const require_switch = require('./switch.js');
|
||||
let _element_plus_icons_vue = require("@element-plus/icons-vue");
|
||||
let vue = require("vue");
|
||||
let _vue_shared = require("@vue/shared");
|
||||
|
||||
//#region ../../packages/components/switch/src/switch.vue?vue&type=script&setup=true&lang.ts
|
||||
const _hoisted_1 = [
|
||||
"id",
|
||||
"aria-checked",
|
||||
"aria-disabled",
|
||||
"aria-label",
|
||||
"name",
|
||||
"true-value",
|
||||
"false-value",
|
||||
"disabled",
|
||||
"tabindex"
|
||||
];
|
||||
const _hoisted_2 = ["aria-hidden"];
|
||||
const _hoisted_3 = { key: 1 };
|
||||
const _hoisted_4 = { key: 1 };
|
||||
const _hoisted_5 = ["aria-hidden"];
|
||||
const COMPONENT_NAME = "ElSwitch";
|
||||
var switch_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0, vue.defineComponent)({
|
||||
name: COMPONENT_NAME,
|
||||
__name: "switch",
|
||||
props: require_switch.switchProps,
|
||||
emits: require_switch.switchEmits,
|
||||
setup(__props, { expose: __expose, emit: __emit }) {
|
||||
const props = __props;
|
||||
const emit = __emit;
|
||||
const { formItem } = require_use_form_item.useFormItem();
|
||||
const switchSize = require_use_form_common_props.useFormSize();
|
||||
const ns = require_index.useNamespace("switch");
|
||||
const { inputId } = require_use_form_item.useFormItemInputId(props, { formItemContext: formItem });
|
||||
const switchDisabled = require_use_form_common_props.useFormDisabled((0, vue.computed)(() => {
|
||||
if (props.loading) return true;
|
||||
}));
|
||||
const isControlled = (0, vue.ref)(props.modelValue !== false);
|
||||
const input = (0, vue.shallowRef)();
|
||||
const switchKls = (0, vue.computed)(() => [
|
||||
ns.b(),
|
||||
ns.m(switchSize.value),
|
||||
ns.is("disabled", switchDisabled.value),
|
||||
ns.is("checked", checked.value)
|
||||
]);
|
||||
const labelLeftKls = (0, vue.computed)(() => [
|
||||
ns.e("label"),
|
||||
ns.em("label", "left"),
|
||||
ns.is("active", !checked.value)
|
||||
]);
|
||||
const labelRightKls = (0, vue.computed)(() => [
|
||||
ns.e("label"),
|
||||
ns.em("label", "right"),
|
||||
ns.is("active", checked.value)
|
||||
]);
|
||||
const coreStyle = (0, vue.computed)(() => ({ width: require_style.addUnit(props.width) }));
|
||||
(0, vue.watch)(() => props.modelValue, () => {
|
||||
isControlled.value = true;
|
||||
});
|
||||
const actualValue = (0, vue.computed)(() => {
|
||||
return isControlled.value ? props.modelValue : false;
|
||||
});
|
||||
const checked = (0, vue.computed)(() => actualValue.value === props.activeValue);
|
||||
if (![props.activeValue, props.inactiveValue].includes(actualValue.value)) {
|
||||
emit(require_event.UPDATE_MODEL_EVENT, props.inactiveValue);
|
||||
emit(require_event.CHANGE_EVENT, props.inactiveValue);
|
||||
emit(require_event.INPUT_EVENT, props.inactiveValue);
|
||||
}
|
||||
(0, vue.watch)(checked, (val) => {
|
||||
input.value.checked = val;
|
||||
if (props.validateEvent) formItem?.validate?.("change").catch((err) => require_error.debugWarn(err));
|
||||
});
|
||||
const handleChange = () => {
|
||||
const val = checked.value ? props.inactiveValue : props.activeValue;
|
||||
emit(require_event.UPDATE_MODEL_EVENT, val);
|
||||
emit(require_event.CHANGE_EVENT, val);
|
||||
emit(require_event.INPUT_EVENT, val);
|
||||
(0, vue.nextTick)(() => {
|
||||
input.value.checked = checked.value;
|
||||
});
|
||||
};
|
||||
const switchValue = () => {
|
||||
if (switchDisabled.value) return;
|
||||
const { beforeChange } = props;
|
||||
if (!beforeChange) {
|
||||
handleChange();
|
||||
return;
|
||||
}
|
||||
const shouldChange = beforeChange();
|
||||
if (![(0, _vue_shared.isPromise)(shouldChange), require_types.isBoolean(shouldChange)].includes(true)) require_error.throwError(COMPONENT_NAME, "beforeChange must return type `Promise<boolean>` or `boolean`");
|
||||
if ((0, _vue_shared.isPromise)(shouldChange)) shouldChange.then((result) => {
|
||||
if (result) handleChange();
|
||||
}).catch((e) => {
|
||||
require_error.debugWarn(COMPONENT_NAME, `some error occurred: ${e}`);
|
||||
});
|
||||
else if (shouldChange) handleChange();
|
||||
};
|
||||
const focus = () => {
|
||||
input.value?.focus?.();
|
||||
};
|
||||
(0, vue.onMounted)(() => {
|
||||
input.value.checked = checked.value;
|
||||
});
|
||||
__expose({
|
||||
focus,
|
||||
checked
|
||||
});
|
||||
return (_ctx, _cache) => {
|
||||
return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
class: (0, vue.normalizeClass)(switchKls.value),
|
||||
onClick: (0, vue.withModifiers)(switchValue, ["prevent"])
|
||||
}, [
|
||||
(0, vue.createElementVNode)("input", {
|
||||
id: (0, vue.unref)(inputId),
|
||||
ref_key: "input",
|
||||
ref: input,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("input")),
|
||||
type: "checkbox",
|
||||
role: "switch",
|
||||
"aria-checked": checked.value,
|
||||
"aria-disabled": (0, vue.unref)(switchDisabled),
|
||||
"aria-label": __props.ariaLabel,
|
||||
name: __props.name,
|
||||
"true-value": __props.activeValue,
|
||||
"false-value": __props.inactiveValue,
|
||||
disabled: (0, vue.unref)(switchDisabled),
|
||||
tabindex: __props.tabindex,
|
||||
onChange: handleChange,
|
||||
onKeydown: (0, vue.withKeys)(switchValue, ["enter"])
|
||||
}, null, 42, _hoisted_1),
|
||||
!__props.inlinePrompt && (__props.inactiveIcon || __props.inactiveText || _ctx.$slots.inactive) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)(labelLeftKls.value)
|
||||
}, [(0, vue.renderSlot)(_ctx.$slots, "inactive", {}, () => [__props.inactiveIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { key: 0 }, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.inactiveIcon)))]),
|
||||
_: 1
|
||||
})) : (0, vue.createCommentVNode)("v-if", true), !__props.inactiveIcon && __props.inactiveText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 1,
|
||||
"aria-hidden": checked.value
|
||||
}, (0, vue.toDisplayString)(__props.inactiveText), 9, _hoisted_2)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : (0, vue.createCommentVNode)("v-if", true),
|
||||
(0, vue.createElementVNode)("span", {
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("core")),
|
||||
style: (0, vue.normalizeStyle)(coreStyle.value)
|
||||
}, [__props.inlinePrompt ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("inner"))
|
||||
}, [!checked.value ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("inner-wrapper"))
|
||||
}, [(0, vue.renderSlot)(_ctx.$slots, "inactive", {}, () => [__props.inactiveIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { key: 0 }, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.inactiveIcon)))]),
|
||||
_: 1
|
||||
})) : (0, vue.createCommentVNode)("v-if", true), !__props.inactiveIcon && __props.inactiveText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_3, (0, vue.toDisplayString)(__props.inactiveText), 1)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
|
||||
key: 1,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("inner-wrapper"))
|
||||
}, [(0, vue.renderSlot)(_ctx.$slots, "active", {}, () => [__props.activeIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { key: 0 }, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.activeIcon)))]),
|
||||
_: 1
|
||||
})) : (0, vue.createCommentVNode)("v-if", true), !__props.activeIcon && __props.activeText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", _hoisted_4, (0, vue.toDisplayString)(__props.activeText), 1)) : (0, vue.createCommentVNode)("v-if", true)])], 2))], 2)) : (0, vue.createCommentVNode)("v-if", true), (0, vue.createElementVNode)("div", { class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("action")) }, [__props.loading ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), {
|
||||
key: 0,
|
||||
class: (0, vue.normalizeClass)((0, vue.unref)(ns).is("loading"))
|
||||
}, {
|
||||
default: (0, vue.withCtx)(() => [(0, vue.createVNode)((0, vue.unref)(_element_plus_icons_vue.Loading))]),
|
||||
_: 1
|
||||
}, 8, ["class"])) : checked.value ? (0, vue.renderSlot)(_ctx.$slots, "active-action", { key: 1 }, () => [__props.activeActionIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { key: 0 }, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.activeActionIcon)))]),
|
||||
_: 1
|
||||
})) : (0, vue.createCommentVNode)("v-if", true)]) : !checked.value ? (0, vue.renderSlot)(_ctx.$slots, "inactive-action", { key: 2 }, () => [__props.inactiveActionIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { key: 0 }, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.inactiveActionIcon)))]),
|
||||
_: 1
|
||||
})) : (0, vue.createCommentVNode)("v-if", true)]) : (0, vue.createCommentVNode)("v-if", true)], 2)], 6),
|
||||
!__props.inlinePrompt && (__props.activeIcon || __props.activeText || _ctx.$slots.active) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 1,
|
||||
class: (0, vue.normalizeClass)(labelRightKls.value)
|
||||
}, [(0, vue.renderSlot)(_ctx.$slots, "active", {}, () => [__props.activeIcon ? ((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.unref)(require_index$1.ElIcon), { key: 0 }, {
|
||||
default: (0, vue.withCtx)(() => [((0, vue.openBlock)(), (0, vue.createBlock)((0, vue.resolveDynamicComponent)(__props.activeIcon)))]),
|
||||
_: 1
|
||||
})) : (0, vue.createCommentVNode)("v-if", true), !__props.activeIcon && __props.activeText ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("span", {
|
||||
key: 1,
|
||||
"aria-hidden": !checked.value
|
||||
}, (0, vue.toDisplayString)(__props.activeText), 9, _hoisted_5)) : (0, vue.createCommentVNode)("v-if", true)])], 2)) : (0, vue.createCommentVNode)("v-if", true)
|
||||
], 2);
|
||||
};
|
||||
}
|
||||
});
|
||||
|
||||
//#endregion
|
||||
exports.default = switch_vue_vue_type_script_setup_true_lang_default;
|
||||
//# sourceMappingURL=switch.vue_vue_type_script_setup_true_lang.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.vue_vue_type_script_setup_true_lang.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch.vue_vue_type_script_setup_true_lang.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
9
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch2.js
generated
vendored
Normal file
9
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch2.js
generated
vendored
Normal file
@@ -0,0 +1,9 @@
|
||||
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
|
||||
const require_switch_vue_vue_type_script_setup_true_lang = require('./switch.vue_vue_type_script_setup_true_lang.js');
|
||||
|
||||
//#region ../../packages/components/switch/src/switch.vue
|
||||
var switch_default = require_switch_vue_vue_type_script_setup_true_lang.default;
|
||||
|
||||
//#endregion
|
||||
exports.default = switch_default;
|
||||
//# sourceMappingURL=switch2.js.map
|
||||
1
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch2.js.map
generated
vendored
Normal file
1
frontend/admin/node_modules/element-plus/lib/components/switch/src/switch2.js.map
generated
vendored
Normal file
File diff suppressed because one or more lines are too long
3
frontend/admin/node_modules/element-plus/lib/components/switch/style/css.js
generated
vendored
Normal file
3
frontend/admin/node_modules/element-plus/lib/components/switch/style/css.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/css.js');
|
||||
require("element-plus/theme-chalk/el-switch.css");
|
||||
3
frontend/admin/node_modules/element-plus/lib/components/switch/style/index.js
generated
vendored
Normal file
3
frontend/admin/node_modules/element-plus/lib/components/switch/style/index.js
generated
vendored
Normal file
@@ -0,0 +1,3 @@
|
||||
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
||||
require('../../base/style/index.js');
|
||||
require("element-plus/theme-chalk/src/switch.scss");
|
||||
Reference in New Issue
Block a user