escook-ui 0.1.1

package/es/components/radio/src/index.vue.js

@@ -0,0 +1,140 @@
+import { mergeModels, useModel, createElementBlock, openBlock, Fragment, createCommentVNode, createBlock, resolveDynamicComponent, unref, normalizeClass, withCtx, createElementVNode, withDirectives, isRef, vModelRadio, renderSlot, createTextVNode, toDisplayString } from 'vue';
+import { useNamespace } from '../../../hooks/use-namespace/index.js';
+import '../../../hooks/use-zindex/index.js';
+import { useRadio } from './composables/index.js';
+import Loader from '../../../icons/svg-com/Loader.vue.js';
+import '../../button/index.js';
+import '../../button-group/index.js';
+import { AIcon } from '../../icon/index.js';
+import '../../input/index.js';
+import '../../textarea/index.js';
+import '../../row/index.js';
+import '../../col/index.js';
+import '../../container/index.js';
+import '../../checkbox/index.js';
+import '../../checkbox-group/index.js';
+import '../../checkbox-all/index.js';
+import '../index.js';
+import '../../switch/index.js';
+import '../../form/index.js';
+import '../../message/index.js';
+import '../../mask/index.js';
+import '../../modal/index.js';
+import '../../message-box/index.js';
+import '../../drawer/index.js';
+
+const _hoisted_1 = ["value", "disabled"];
+
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'a-radio'
+}, {
+  __name: 'index',
+  props: /*@__PURE__*/mergeModels({
+  tag: {
+    type: String,
+    default: 'label'
+  },
+  label: String,
+  // size: {
+  //   type: String,
+  //   default: 'default'
+  // },
+  size: String,
+  disabled: Boolean,
+  type: {
+    type: String,
+    default: ''
+  },
+  // 选中后的值，如果没有提供 value 属性，则使用 label 属性的值当做 value 值
+  value: {
+    type: [String, Number, Boolean],
+    default: undefined
+  },
+  beforeChange: Function
+}, {
+    "modelValue": { type: [Number, String, Boolean], default: '' },
+    "modelModifiers": {},
+  }),
+  emits: /*@__PURE__*/mergeModels(['change'], ["update:modelValue"]),
+  setup(__props) {
+
+
+
+
+
+
+
+const radioModel = useModel(__props, "modelValue");
+
+const ns = useNamespace('radio');
+const { radioSize, isDisabled, isChecked, model, radioType, clickEvent, isLoading } = useRadio({
+  radioModel
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock(Fragment, null, [
+    createCommentVNode(" 根元素 "),
+    (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+      class: normalizeClass([
+      unref(ns).b(),
+      unref(ns).m('size', unref(radioSize)),
+      unref(ns).is('disabled', unref(isDisabled) || unref(isLoading)),
+      unref(ns).is('checked', unref(isChecked)),
+      unref(ns).m(unref(radioType)),
+      unref(ns).is('loading', unref(isLoading))
+    ]),
+      onClick: unref(clickEvent)
+    }, {
+      default: withCtx(() => [
+        createCommentVNode(" radio 容器 "),
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e('wrapper')])
+        }, [
+          createCommentVNode(" 真实的单选按钮 "),
+          withDirectives(createElementVNode("input", {
+            type: "radio",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(model) ? (model).value = $event : null)),
+            value: __props.value ?? __props.label,
+            disabled: unref(isDisabled) || unref(isLoading),
+            class: normalizeClass([unref(ns).e('input')])
+          }, null, 10 /* CLASS, PROPS */, _hoisted_1), [
+            [vModelRadio, unref(model)]
+          ]),
+          createCommentVNode(" 模拟的单选按钮 "),
+          createElementVNode("span", {
+            class: normalizeClass([unref(ns).e('inner')])
+          }, [
+            (unref(isLoading))
+              ? (openBlock(), createBlock(unref(AIcon), {
+                  key: 0,
+                  icon: unref(Loader),
+                  class: normalizeClass([unref(ns).e('icon-loading'), unref(ns).is('loading-animate', unref(isLoading))])
+                }, null, 8 /* PROPS */, ["icon", "class"]))
+              : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                  createCommentVNode(" 内部的小圆点 "),
+                  createElementVNode("span", {
+                    class: normalizeClass([unref(ns).e('icon-check')])
+                  }, null, 2 /* CLASS */)
+                ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+          ], 2 /* CLASS */)
+        ], 2 /* CLASS */),
+        createCommentVNode(" 描述文本 "),
+        createElementVNode("span", {
+          class: normalizeClass([unref(ns).e('label')])
+        }, [
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.label), 1 /* TEXT */)
+          ])
+        ], 2 /* CLASS */)
+      ]),
+      _: 3 /* FORWARDED */
+    }, 8 /* PROPS */, ["class", "onClick"]))
+  ], 2112 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */))
+}
+}
+
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=index.vue.js.map

package/es/components/radio/src/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../packages/components/radio/src/index.vue"],"sourcesContent":["<template>\n  <!-- 根元素 -->\n  <component\n    :is=\"tag\"\n    :class=\"[\n      ns.b(),\n      ns.m('size', radioSize),\n      ns.is('disabled', isDisabled || isLoading),\n      ns.is('checked', isChecked),\n      ns.m(radioType),\n      ns.is('loading', isLoading)\n    ]\"\n    @click=\"clickEvent\"\n  >\n    <!-- radio 容器 -->\n    <span :class=\"[ns.e('wrapper')]\">\n      <!-- 真实的单选按钮 -->\n      <input\n        type=\"radio\"\n        v-model=\"model\"\n        :value=\"value ?? label\"\n        :disabled=\"isDisabled || isLoading\"\n        :class=\"[ns.e('input')]\"\n      />\n      <!-- 模拟的单选按钮 -->\n      <span :class=\"[ns.e('inner')]\">\n        <AIcon\n          :icon=\"Loader\"\n          :class=\"[ns.e('icon-loading'), ns.is('loading-animate', isLoading)]\"\n          v-if=\"isLoading\"\n        ></AIcon>\n        <!-- 内部的小圆点 -->\n        <span :class=\"[ns.e('icon-check')]\" v-else></span>\n      </span>\n    </span>\n    <!-- 描述文本 -->\n    <span :class=\"[ns.e('label')]\">\n      <slot>{{ label }}</slot>\n    </span>\n  </component>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'a-radio'\n})\n\ndefineProps({\n  tag: {\n    type: String,\n    default: 'label'\n  },\n  label: String,\n  // size: {\n  //   type: String,\n  //   default: 'default'\n  // },\n  size: String,\n  disabled: Boolean,\n  type: {\n    type: String,\n    default: ''\n  },\n  // 选中后的值，如果没有提供 value 属性，则使用 label 属性的值当做 value 值\n  value: {\n    type: [String, Number, Boolean],\n    default: undefined\n  },\n  beforeChange: Function\n})\n\ndefineEmits(['change'])\n\nconst radioModel = defineModel({ type: [Number, String, Boolean], default: '' })\n\nimport { useNamespace } from '@ui-library/hooks'\nimport { useRadio } from './composables'\nimport { Loader } from '@ui-library/icons'\nimport { AIcon } from '@ui-library/components'\n\nconst ns = useNamespace('radio')\nconst { radioSize, isDisabled, isChecked, model, radioType, clickEvent, isLoading } = useRadio({\n  radioModel\n})\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,MAAM,UAAU,GAAGA,QAAW,CAAA,OAAA,EAAA,YAAiD;;AAO/E,MAAM,EAAE,GAAG,YAAY,CAAC,OAAO;AAC/B,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,QAAQ,CAAC;AAC/F,EAAE;AACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/components/radio/src/radio-group.vue.js

@@ -0,0 +1,58 @@
+import { mergeModels, useModel, ref, provide, toRefs, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { useNamespace } from '../../../hooks/use-namespace/index.js';
+import '../../../hooks/use-zindex/index.js';
+import { RADIO_GROUP_KEYS } from './constant.js';
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'a-radio-group'
+}, {
+  __name: 'radio-group',
+  props: /*@__PURE__*/mergeModels({
+  // size: {
+  //   type: String,
+  //   default: 'default'
+  // },
+  size: String,
+  disabled: Boolean,
+  type: {
+    type: String,
+    default: ''
+  },
+  beforeChange: Function
+}, {
+    "modelValue": { type: [String, Number, Boolean], default: '' },
+    "modelModifiers": {},
+  }),
+  emits: /*@__PURE__*/mergeModels(['change'], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+
+
+
+const props = __props;
+
+const emit = __emit;
+
+const groupModel = useModel(__props, "modelValue");
+
+const groupChangeEvent = (value) => {
+  groupModel.value = value;
+  emit('change', value);
+};
+
+const ns = useNamespace('radio-group');
+const disabled = ref(props.disabled);
+provide(RADIO_GROUP_KEYS, { groupModel, groupChangeEvent, ...toRefs(props), disabled });
+
+return (_ctx, _cache) => {
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass([unref(ns).b()])
+  }, [
+    renderSlot(_ctx.$slots, "default")
+  ], 2 /* CLASS */))
+}
+}
+
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=radio-group.vue.js.map

package/es/components/radio/src/radio-group.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radio-group.vue.js","sources":["../../../../../packages/components/radio/src/radio-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[ns.b()]\">\n    <slot></slot>\n  </div>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'a-radio-group'\n})\n\nconst props = defineProps({\n  // size: {\n  //   type: String,\n  //   default: 'default'\n  // },\n  size: String,\n  disabled: Boolean,\n  type: {\n    type: String,\n    default: ''\n  },\n  beforeChange: Function\n})\n\nconst emit = defineEmits(['change'])\n\nconst groupModel = defineModel({ type: [String, Number, Boolean], default: '' })\n\nimport { useNamespace } from '@ui-library/hooks'\nimport { provide, toRefs, ref } from 'vue'\nimport { RADIO_GROUP_KEYS } from './constant'\n\nconst groupChangeEvent = (value) => {\n  groupModel.value = value\n  emit('change', value)\n}\n\nconst ns = useNamespace('radio-group')\nconst disabled = ref(props.disabled)\nprovide(RADIO_GROUP_KEYS, { groupModel, groupChangeEvent, ...toRefs(props), disabled })\n</script>\n"],"names":["_useModel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA,MAAM,KAAK,GAAG;;AAcd,MAAM,IAAI,GAAG;;AAEb,MAAM,UAAU,GAAGA,QAAW,CAAA,OAAA,EAAA,YAAiD;;AAM/E,MAAM,gBAAgB,GAAG,CAAC,KAAK,KAAK;AACpC,EAAE,UAAU,CAAC,KAAK,GAAG;AACrB,EAAE,IAAI,CAAC,QAAQ,EAAE,KAAK;AACtB;;AAEA,MAAM,EAAE,GAAG,YAAY,CAAC,aAAa;AACrC,MAAM,QAAQ,GAAG,GAAG,CAAC,KAAK,CAAC,QAAQ;AACnC,OAAO,CAAC,gBAAgB,EAAE,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,EAAE;;;;;;;;;;;;;;;"}

package/es/components/radio/src/style/index.js

@@ -0,0 +1,5 @@
+import 'escook-ui/theme/src/initRoot.css';
+import 'escook-ui/theme/src/icon.css';
+import 'escook-ui/theme/src/radio.css';
+import 'escook-ui/theme/src/radio-group.css';
+//# sourceMappingURL=index.js.map

package/es/components/radio/src/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/es/components/row/index.js

@@ -0,0 +1,7 @@
+import { componentInstall } from '../../utils/install.js';
+import _sfc_main from './src/index.vue.js';
+
+const ARow = componentInstall(_sfc_main);
+
+export { ARow, ARow as default };
+//# sourceMappingURL=index.js.map

package/es/components/row/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/row/index.js"],"sourcesContent":["import { componentInstall } from '@ui-library/utils'\nimport Row from './src/index.vue'\n\nexport const ARow = componentInstall(Row)\nexport default ARow\n"],"names":["Row"],"mappings":";;;AAGO,MAAM,IAAA,GAAO,iBAAiBA,SAAG;;;;"}

package/es/components/row/src/index.vue.js

@@ -0,0 +1,66 @@
+import { provide, computed, createBlock, openBlock, resolveDynamicComponent, normalizeStyle, normalizeClass, unref, withCtx, renderSlot } from 'vue';
+import { useNamespace } from '../../../hooks/use-namespace/index.js';
+import '../../../hooks/use-zindex/index.js';
+
+const _sfc_main = /*@__PURE__*/Object.assign({
+  name: 'a-row'
+}, {
+  __name: 'index',
+  props: {
+  tag: {
+    type: String,
+    default: 'div'
+  },
+  // 列与列之间的间距
+  gutter: {
+    type: Number,
+    default: 0
+  },
+  // 行间距
+  gap: {
+    type: Number,
+    default: 0
+  },
+  // 子元素的对齐方式
+  justify: {
+    type: String,
+    default: ''
+  }
+},
+  setup(__props) {
+
+
+
+
+
+const ns = useNamespace('row');
+provide('gutter', __props.gutter);
+
+const styledMargin = computed(() => {
+  if (!__props.gutter) return {}
+  const halfMargin = (-1 * __props.gutter) / 2 + 'px';
+  return { marginLeft: halfMargin, marginRight: halfMargin }
+});
+
+const styledRowGap = computed(() => {
+  if (!__props.gap) return {}
+  return { 'row-gap': __props.gap + 'px' }
+});
+
+return (_ctx, _cache) => {
+  return (openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+    class: normalizeClass([unref(ns).b(), unref(ns).is('justify-' + __props.justify, !!__props.justify)]),
+    style: normalizeStyle([styledMargin.value, styledRowGap.value])
+  }, {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3 /* FORWARDED */
+  }, 8 /* PROPS */, ["class", "style"]))
+}
+}
+
+});
+
+export { _sfc_main as default };
+//# sourceMappingURL=index.vue.js.map

package/es/components/row/src/index.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.js","sources":["../../../../../packages/components/row/src/index.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    :class=\"[ns.b(), ns.is('justify-' + justify, !!justify)]\"\n    :style=\"[styledMargin, styledRowGap]\"\n  >\n    <slot></slot>\n  </component>\n</template>\n\n<script setup>\ndefineOptions({\n  name: 'a-row'\n})\n\nconst { gutter, gap } = defineProps({\n  tag: {\n    type: String,\n    default: 'div'\n  },\n  // 列与列之间的间距\n  gutter: {\n    type: Number,\n    default: 0\n  },\n  // 行间距\n  gap: {\n    type: Number,\n    default: 0\n  },\n  // 子元素的对齐方式\n  justify: {\n    type: String,\n    default: ''\n  }\n})\n\nimport { useNamespace } from '@ui-library/hooks'\nimport { provide, computed } from 'vue'\n\nconst ns = useNamespace('row')\nprovide('gutter', gutter)\n\nconst styledMargin = computed(() => {\n  if (!gutter) return {}\n  const halfMargin = (-1 * gutter) / 2 + 'px'\n  return { marginLeft: halfMargin, marginRight: halfMargin }\n})\n\nconst styledRowGap = computed(() => {\n  if (!gap) return {}\n  return { 'row-gap': gap + 'px' }\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCA,MAAM,EAAE,GAAG,YAAY,CAAC,KAAK;AAC7B,OAAO,CAAC,QAAQ,EAAE,OAAA,CAAA,MAAM;;AAExB,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;AACpC,EAAE,IAAI,CAAC,OAAA,CAAA,MAAM,EAAE,OAAO;AACtB,EAAE,MAAM,UAAU,GAAG,CAAC,EAAE,GAAG,OAAA,CAAA,MAAM,IAAI,CAAC,GAAG;AACzC,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU;AAC1D,CAAC;;AAED,MAAM,YAAY,GAAG,QAAQ,CAAC,MAAM;AACpC,EAAE,IAAI,CAAC,OAAA,CAAA,GAAG,EAAE,OAAO;AACnB,EAAE,OAAO,EAAE,SAAS,EAAE,OAAA,CAAA,GAAG,GAAG,IAAI;AAChC,CAAC;;;;;;;;;;;;;;;;;;;"}

package/es/components/row/src/style/index.js

@@ -0,0 +1,3 @@
+import 'escook-ui/theme/src/initRoot.css';
+import 'escook-ui/theme/src/row.css';
+//# sourceMappingURL=index.js.map

package/es/components/row/src/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/components/switch/index.js

@@ -0,0 +1,7 @@
+import { componentInstall } from '../../utils/install.js';
+import _sfc_main from './src/index.vue.js';
+
+const ASwitch = componentInstall(_sfc_main);
+
+export { ASwitch, _sfc_main as default };
+//# sourceMappingURL=index.js.map

package/es/components/switch/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../packages/components/switch/index.js"],"sourcesContent":["import { componentInstall } from '@ui-library/utils'\nimport Switch from './src/index.vue'\n\nexport const ASwitch = componentInstall(Switch)\nexport default Switch\n"],"names":["Switch"],"mappings":";;;AAGO,MAAM,OAAA,GAAU,iBAAiBA,SAAM;;;;"}

package/es/components/switch/src/composables/index.js

@@ -0,0 +1,13 @@
+import { useSwitchState } from './use-swtich-state.js';
+import { useSwitchModel } from './use-switch-model.js';
+import { useSwitchEvent } from './use-switch-event.js';
+
+const useSwtich = ({ switchModel }) => {
+  const { model, getValue } = useSwitchModel({ switchModel });
+  const { openText, closeText, isCenterIcon, transitionMode, isLoading } = useSwitchState();
+  const { clickEvent } = useSwitchEvent({ isLoading, model, getValue });
+  return { openText, closeText, isCenterIcon, model, transitionMode, isLoading, clickEvent };
+};
+
+export { useSwtich };
+//# sourceMappingURL=index.js.map

package/es/components/switch/src/composables/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../../packages/components/switch/src/composables/index.js"],"sourcesContent":["import { useSwitchState } from './use-swtich-state'\nimport { useSwitchModel } from './use-switch-model'\nimport { useSwitchEvent } from './use-switch-event'\n\nexport const useSwtich = ({ switchModel }) => {\n  const { model, getValue } = useSwitchModel({ switchModel })\n  const { openText, closeText, isCenterIcon, transitionMode, isLoading } = useSwitchState()\n  const { clickEvent } = useSwitchEvent({ isLoading, model, getValue })\n\n  return { openText, closeText, isCenterIcon, model, transitionMode, isLoading, clickEvent }\n}\n"],"names":[],"mappings":";;;;AAIO,MAAM,SAAA,GAAY,CAAC,EAAE,WAAA,EAAY,KAAM;AAC5C,EAAA,MAAM,EAAE,KAAA,EAAO,QAAA,KAAa,cAAA,CAAe,EAAE,aAAa,CAAA;AAC1D,EAAA,MAAM,EAAE,QAAA,EAAU,SAAA,EAAW,cAAc,cAAA,EAAgB,SAAA,KAAc,cAAA,EAAe;AACxF,EAAA,MAAM,EAAE,YAAW,GAAI,cAAA,CAAe,EAAE,SAAA,EAAW,KAAA,EAAO,UAAU,CAAA;AAEpE,EAAA,OAAO,EAAE,QAAA,EAAU,SAAA,EAAW,cAAc,KAAA,EAAO,cAAA,EAAgB,WAAW,UAAA,EAAW;AAC3F;;;;"}

package/es/components/switch/src/composables/use-switch-event.js

@@ -0,0 +1,30 @@
+import { getCurrentInstance, computed } from 'vue';
+
+const useSwitchEvent = ({ isLoading, model, getValue }) => {
+  const instance = getCurrentInstance();
+  const props = instance.props;
+  const isBeforeFn = computed(() => typeof props.beforeChange === "function");
+  const clickEvent = (e) => {
+    if (!isBeforeFn.value) return;
+    if (props.disabled || isLoading.value) return;
+    const target = getValue(model.value);
+    const invokeResult = props.beforeChange(target.nextValue, target.currentValue);
+    if (!(invokeResult instanceof Promise)) return;
+    e.preventDefault();
+    isLoading.value = true;
+    invokeResult.then((success) => {
+      model.value = !model.value;
+      if (typeof success === "function") {
+        success();
+      }
+    }).catch((error) => {
+      if (typeof error === "function") {
+        error();
+      }
+    }).finally(() => isLoading.value = false);
+  };
+  return { clickEvent };
+};
+
+export { useSwitchEvent };
+//# sourceMappingURL=use-switch-event.js.map

package/es/components/switch/src/composables/use-switch-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-switch-event.js","sources":["../../../../../../packages/components/switch/src/composables/use-switch-event.js"],"sourcesContent":["import { getCurrentInstance, computed } from 'vue'\n\nexport const useSwitchEvent = ({ isLoading, model, getValue }) => {\n  const instance = getCurrentInstance()\n  const props = instance.props\n\n  const isBeforeFn = computed(() => typeof props.beforeChange === 'function')\n\n  const clickEvent = (e) => {\n    // 判断是否为函数\n    if (!isBeforeFn.value) return\n\n    // 如果处于 disabled 或 loading 状态，return 出去\n    if (props.disabled || isLoading.value) return\n\n    // 如果返回值不是 Promise，则 return\n    const target = getValue(model.value)\n    const invokeResult = props.beforeChange(target.nextValue, target.currentValue)\n    if (!(invokeResult instanceof Promise)) return\n\n    e.preventDefault()\n    isLoading.value = true\n    invokeResult\n      .then((success) => {\n        model.value = !model.value\n        if (typeof success === 'function') {\n          success()\n        }\n      })\n      .catch((error) => {\n        if (typeof error === 'function') {\n          error()\n        }\n      })\n      .finally(() => (isLoading.value = false))\n  }\n\n  return { clickEvent }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,CAAC,EAAE,SAAA,EAAW,KAAA,EAAO,UAAS,KAAM;AAChE,EAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,EAAA,MAAM,QAAQ,QAAA,CAAS,KAAA;AAEvB,EAAA,MAAM,aAAa,QAAA,CAAS,MAAM,OAAO,KAAA,CAAM,iBAAiB,UAAU,CAAA;AAE1E,EAAA,MAAM,UAAA,GAAa,CAAC,CAAA,KAAM;AAExB,IAAA,IAAI,CAAC,WAAW,KAAA,EAAO;AAGvB,IAAA,IAAI,KAAA,CAAM,QAAA,IAAY,SAAA,CAAU,KAAA,EAAO;AAGvC,IAAA,MAAM,MAAA,GAAS,QAAA,CAAS,KAAA,CAAM,KAAK,CAAA;AACnC,IAAA,MAAM,eAAe,KAAA,CAAM,YAAA,CAAa,MAAA,CAAO,SAAA,EAAW,OAAO,YAAY,CAAA;AAC7E,IAAA,IAAI,EAAE,wBAAwB,OAAA,CAAA,EAAU;AAExC,IAAA,CAAA,CAAE,cAAA,EAAe;AACjB,IAAA,SAAA,CAAU,KAAA,GAAQ,IAAA;AAClB,IAAA,YAAA,CACG,IAAA,CAAK,CAAC,OAAA,KAAY;AACjB,MAAA,KAAA,CAAM,KAAA,GAAQ,CAAC,KAAA,CAAM,KAAA;AACrB,MAAA,IAAI,OAAO,YAAY,UAAA,EAAY;AACjC,QAAA,OAAA,EAAQ;AAAA,MACV;AAAA,IACF,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,KAAA,KAAU;AAChB,MAAA,IAAI,OAAO,UAAU,UAAA,EAAY;AAC/B,QAAA,KAAA,EAAM;AAAA,MACR;AAAA,IACF,CAAC,CAAA,CACA,OAAA,CAAQ,MAAO,SAAA,CAAU,QAAQ,KAAM,CAAA;AAAA,EAC5C,CAAA;AAEA,EAAA,OAAO,EAAE,UAAA,EAAW;AACtB;;;;"}

package/es/components/switch/src/composables/use-switch-model.js

@@ -0,0 +1,40 @@
+import { getCurrentInstance, computed } from 'vue';
+
+const useSwitchModel = ({ switchModel }) => {
+  const instance = getCurrentInstance();
+  const props = instance.props;
+  const model = computed({
+    get() {
+      if (typeof switchModel.value === "boolean") {
+        return switchModel.value;
+      }
+      return switchModel.value === props.activeValue;
+    },
+    set(value) {
+      console.log("setter: ", value);
+      const targetValue = getValue(value).currentValue;
+      switchModel.value = targetValue;
+      instance.emit("change", targetValue);
+    }
+  });
+  function getValue(value) {
+    let currentValue = getTargetValue(value);
+    let nextValue = getTargetValue(!value);
+    return { currentValue, nextValue };
+  }
+  function getTargetValue(value) {
+    if (typeof value !== "boolean") return value;
+    let targetValue = value;
+    if (value && props.activeValue) {
+      targetValue = props.activeValue;
+    }
+    if (!value && props.inactiveValue) {
+      targetValue = props.inactiveValue;
+    }
+    return targetValue;
+  }
+  return { model, getValue };
+};
+
+export { useSwitchModel };
+//# sourceMappingURL=use-switch-model.js.map

package/es/components/switch/src/composables/use-switch-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-switch-model.js","sources":["../../../../../../packages/components/switch/src/composables/use-switch-model.js"],"sourcesContent":["import { computed, getCurrentInstance } from 'vue'\n\nexport const useSwitchModel = ({ switchModel }) => {\n  const instance = getCurrentInstance()\n  const props = instance.props\n\n  const model = computed({\n    get() {\n      if (typeof switchModel.value === 'boolean') {\n        return switchModel.value\n      }\n      return switchModel.value === props.activeValue\n    },\n    set(value) {\n      console.log('setter: ', value)\n\n      // let targetValue = value\n      // if (value && props.activeValue) {\n      //   targetValue = props.activeValue\n      // }\n      // if (!value && props.inactiveValue) {\n      //   targetValue = props.inactiveValue\n      // }\n\n      // switchModel.value = targetValue\n      // instance.emit('change', targetValue)\n\n      const targetValue = getValue(value).currentValue\n      switchModel.value = targetValue\n      instance.emit('change', targetValue)\n    }\n  })\n\n  function getValue(value) {\n    let currentValue = getTargetValue(value)\n    let nextValue = getTargetValue(!value)\n\n    return { currentValue, nextValue }\n  }\n\n  function getTargetValue(value) {\n    if (typeof value !== 'boolean') return value\n\n    let targetValue = value\n    if (value && props.activeValue) {\n      targetValue = props.activeValue\n    }\n    if (!value && props.inactiveValue) {\n      targetValue = props.inactiveValue\n    }\n\n    return targetValue\n  }\n\n  return { model, getValue }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,cAAA,GAAiB,CAAC,EAAE,WAAA,EAAY,KAAM;AACjD,EAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,EAAA,MAAM,QAAQ,QAAA,CAAS,KAAA;AAEvB,EAAA,MAAM,QAAQ,QAAA,CAAS;AAAA,IACrB,GAAA,GAAM;AACJ,MAAA,IAAI,OAAO,WAAA,CAAY,KAAA,KAAU,SAAA,EAAW;AAC1C,QAAA,OAAO,WAAA,CAAY,KAAA;AAAA,MACrB;AACA,MAAA,OAAO,WAAA,CAAY,UAAU,KAAA,CAAM,WAAA;AAAA,IACrC,CAAA;AAAA,IACA,IAAI,KAAA,EAAO;AACT,MAAA,OAAA,CAAQ,GAAA,CAAI,YAAY,KAAK,CAAA;AAa7B,MAAA,MAAM,WAAA,GAAc,QAAA,CAAS,KAAK,CAAA,CAAE,YAAA;AACpC,MAAA,WAAA,CAAY,KAAA,GAAQ,WAAA;AACpB,MAAA,QAAA,CAAS,IAAA,CAAK,UAAU,WAAW,CAAA;AAAA,IACrC;AAAA,GACD,CAAA;AAED,EAAA,SAAS,SAAS,KAAA,EAAO;AACvB,IAAA,IAAI,YAAA,GAAe,eAAe,KAAK,CAAA;AACvC,IAAA,IAAI,SAAA,GAAY,cAAA,CAAe,CAAC,KAAK,CAAA;AAErC,IAAA,OAAO,EAAE,cAAc,SAAA,EAAU;AAAA,EACnC;AAEA,EAAA,SAAS,eAAe,KAAA,EAAO;AAC7B,IAAA,IAAI,OAAO,KAAA,KAAU,SAAA,EAAW,OAAO,KAAA;AAEvC,IAAA,IAAI,WAAA,GAAc,KAAA;AAClB,IAAA,IAAI,KAAA,IAAS,MAAM,WAAA,EAAa;AAC9B,MAAA,WAAA,GAAc,KAAA,CAAM,WAAA;AAAA,IACtB;AACA,IAAA,IAAI,CAAC,KAAA,IAAS,KAAA,CAAM,aAAA,EAAe;AACjC,MAAA,WAAA,GAAc,KAAA,CAAM,aAAA;AAAA,IACtB;AAEA,IAAA,OAAO,WAAA;AAAA,EACT;AAEA,EAAA,OAAO,EAAE,OAAO,QAAA,EAAS;AAC3B;;;;"}

package/es/components/switch/src/composables/use-swtich-state.js

@@ -0,0 +1,15 @@
+import { getCurrentInstance, computed, ref } from 'vue';
+
+const useSwitchState = () => {
+  const instance = getCurrentInstance();
+  const props = instance.props;
+  const openText = computed(() => props.activeText ? props.activeText[0] : "");
+  const closeText = computed(() => props.inactiveText ? props.inactiveText[0] : "");
+  const isCenterIcon = computed(() => props.centerIcon && (props.activeIcon || props.inactiveIcon));
+  const transitionMode = computed(() => `transition-${props.transition}`);
+  const isLoading = ref(false);
+  return { openText, closeText, isCenterIcon, transitionMode, isLoading };
+};
+
+export { useSwitchState };
+//# sourceMappingURL=use-swtich-state.js.map

package/es/components/switch/src/composables/use-swtich-state.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swtich-state.js","sources":["../../../../../../packages/components/switch/src/composables/use-swtich-state.js"],"sourcesContent":["import { computed, getCurrentInstance, ref } from 'vue'\n\nexport const useSwitchState = () => {\n  const instance = getCurrentInstance()\n  const props = instance.props\n\n  const openText = computed(() => (props.activeText ? props.activeText[0] : ''))\n  const closeText = computed(() => (props.inactiveText ? props.inactiveText[0] : ''))\n  const isCenterIcon = computed(() => props.centerIcon && (props.activeIcon || props.inactiveIcon))\n  const transitionMode = computed(() => `transition-${props.transition}`)\n  const isLoading = ref(false)\n\n  return { openText, closeText, isCenterIcon, transitionMode, isLoading }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,iBAAiB,MAAM;AAClC,EAAA,MAAM,WAAW,kBAAA,EAAmB;AACpC,EAAA,MAAM,QAAQ,QAAA,CAAS,KAAA;AAEvB,EAAA,MAAM,QAAA,GAAW,SAAS,MAAO,KAAA,CAAM,aAAa,KAAA,CAAM,UAAA,CAAW,CAAC,CAAA,GAAI,EAAG,CAAA;AAC7E,EAAA,MAAM,SAAA,GAAY,SAAS,MAAO,KAAA,CAAM,eAAe,KAAA,CAAM,YAAA,CAAa,CAAC,CAAA,GAAI,EAAG,CAAA;AAClF,EAAA,MAAM,YAAA,GAAe,SAAS,MAAM,KAAA,CAAM,eAAe,KAAA,CAAM,UAAA,IAAc,MAAM,YAAA,CAAa,CAAA;AAChG,EAAA,MAAM,iBAAiB,QAAA,CAAS,MAAM,CAAA,WAAA,EAAc,KAAA,CAAM,UAAU,CAAA,CAAE,CAAA;AACtE,EAAA,MAAM,SAAA,GAAY,IAAI,KAAK,CAAA;AAE3B,EAAA,OAAO,EAAE,QAAA,EAAU,SAAA,EAAW,YAAA,EAAc,gBAAgB,SAAA,EAAU;AACxE;;;;"}