@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/components/sliders/src/index2.cjs

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("../../../hooks/expose/index.cjs");
+const index$5 = require("../../../directives/inserted/index.cjs");
+const index$4 = require("../../slider/index.cjs");
+const data = require("./data.cjs");
+const index$2 = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/locale/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: data.dataProps,
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = index.useInherit(vue.useAttrs());
+    const { getLocale } = index$1.useLocale();
+    const elRef = vue.ref();
+    const cs = index$2.useCssName("sliders");
+    const props = __props;
+    const emit = __emit;
+    const inserted = {
+      position: "." + cs.ec("slider", "", "runway"),
+      value: `<div class="${cs.z("advance")}"></div>`
+    };
+    const value = vue.computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const advanceWidth = vue.computed(() => {
+      if (props.advance) {
+        const z = props.max - props.min;
+        return props.advance / z * 100 + "%";
+      } else {
+        return "0%";
+      }
+    });
+    __expose(index$3.useExpose({ ...data.dataExpose }, elRef));
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: [vue.unref(cs).z()]
+      }, vue.unref(attrs).root, {
+        style: vue.unref(cs).vdo({
+          advanceWidth: advanceWidth.value,
+          advanceColor: props.advanceColor
+        })
+      }), [
+        vue.withDirectives(vue.createVNode(vue.unref(index$4.Slider), vue.mergeProps(vue.unref(attrs).assem, {
+          class: vue.unref(cs).z("slider"),
+          size: props.size,
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          ref_key: "elRef",
+          ref: elRef
+        }), null, 16, ["class", "size", "modelValue"]), [
+          [vue.unref(index$5.default), inserted]
+        ])
+      ], 16);
+    };
+  }
+});
+exports.default = _sfc_main;

package/dist/components/sliders/src/index2.js

@@ -0,0 +1,67 @@
+import { defineComponent, useAttrs, ref, computed, createElementBlock, openBlock, mergeProps, unref, withDirectives, createVNode } from "vue";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { useExpose } from "../../../hooks/expose/index.js";
+import vInserted from "../../../directives/inserted/index.js";
+import { Slider } from "../../slider/index.js";
+import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const attrs = useInherit(useAttrs());
+    const { getLocale } = useLocale();
+    const elRef = ref();
+    const cs = useCssName("sliders");
+    const props = __props;
+    const emit = __emit;
+    const inserted = {
+      position: "." + cs.ec("slider", "", "runway"),
+      value: `<div class="${cs.z("advance")}"></div>`
+    };
+    const value = computed({
+      get() {
+        let v = props.modelValue;
+        return v;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    const advanceWidth = computed(() => {
+      if (props.advance) {
+        const z = props.max - props.min;
+        return props.advance / z * 100 + "%";
+      } else {
+        return "0%";
+      }
+    });
+    __expose(useExpose({ ...dataExpose }, elRef));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: [unref(cs).z()]
+      }, unref(attrs).root, {
+        style: unref(cs).vdo({
+          advanceWidth: advanceWidth.value,
+          advanceColor: props.advanceColor
+        })
+      }), [
+        withDirectives(createVNode(unref(Slider), mergeProps(unref(attrs).assem, {
+          class: unref(cs).z("slider"),
+          size: props.size,
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          ref_key: "elRef",
+          ref: elRef
+        }), null, 16, ["class", "size", "modelValue"]), [
+          [unref(vInserted), inserted]
+        ])
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/sliders/style/index2.scss

@@ -0,0 +1,2 @@
+@use '../../slider/style/index2.scss' as *;
+@use '../index.scss' as *;

package/dist/components/stick-div/src/index2.cjs

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const index$2 = require("../../../directives/drag/index.cjs");
 const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -21,9 +21,9 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index$1.useCssName("stick-div");
     const props = __props;
     const emit = __emit;
-    const refDom = vues.shallowRef();
-    const seat = vues.shallowRef(props.direction);
-    const flexDirection = vues.computed(() => {
+    const refDom = vue.shallowRef();
+    const seat = vue.shallowRef(props.direction);
+    const flexDirection = vue.computed(() => {
       return directions[seat.value];
     });
     function getDirection(obj) {
@@ -50,44 +50,44 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
         setValue(j);
       }
     }
-    vues.onMounted(() => {
+    vue.onMounted(() => {
     });
     __expose({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createElementBlock("div", {
-        class: vues.normalizeClass(vues.unref(cs).z()),
-        style: vues.normalizeStyle({
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle({
           display: "flex",
           flexDirection: flexDirection.value
         }),
         ref_key: "refDom",
         ref: refDom
       }, [
-        vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
-          style: vues.normalizeStyle({
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+          style: vue.normalizeStyle({
             display: "flex",
             flexDirection: seat.value == "left" || seat.value == "right" ? "column" : "row"
           }),
-          class: vues.normalizeClass(vues.unref(cs).z("stick"))
+          class: vue.normalizeClass(vue.unref(cs).z("stick"))
         }, [
-          vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).stick)
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).stick)
         ], 6)), [
-          [vues.unref(index$2.default), {
+          [vue.unref(index$2.default), {
             dom: props.drag,
             onMousedown,
             onMouseup,
             onMouseMove
           }]
         ]),
-        vues.createElementVNode("div", {
+        vue.createElementVNode("div", {
           style: {
             flex: "1"
           },
-          class: vues.normalizeClass(vues.unref(cs).z("body"))
+          class: vue.normalizeClass(vue.unref(cs).z("body"))
         }, [
-          vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
+          vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
         ], 2)
       ], 6);
     };

package/dist/components/stick-edge/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const getPositionRelative = require("@fangzhongya/utils/css/getPositionRelative");
 const attrValueSort = require("@fangzhongya/utils/basic/object/attrValueSort");
 const setCss = require("@fangzhongya/utils/css/setCss");
@@ -9,7 +9,7 @@ const data = require("./data.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$2 = require("../../../directives/drag/index.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -24,8 +24,8 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index$1.useCssName("stick-edge");
     const props = __props;
     const emit = __emit;
-    const refDom = vues.shallowRef();
-    const fRect = vues.shallowRef({});
+    const refDom = vue.shallowRef();
+    const fRect = vue.shallowRef({});
     function onMousedown(e, p) {
       setCss.setCss(refDom.value, {
         left: p.left + "px",
@@ -69,7 +69,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     function getPosition(el, key) {
       return Number(getCss.getCss(el, key).replace(/[a-z|A-Z]*$/, ""));
     }
-    vues.onMounted(() => {
+    vue.onMounted(() => {
       if (props.isFixed) {
         fRect.value = {
           width: window.innerWidth,
@@ -91,17 +91,17 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
-        class: vues.normalizeClass(vues.unref(cs).z()),
-        style: vues.normalizeStyle({
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z()),
+        style: vue.normalizeStyle({
           position: props.isFixed ? "fixed" : "absolute"
         }),
         ref_key: "refDom",
         ref: refDom
       }, [
-        vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default)
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default)
       ], 6)), [
-        [vues.unref(index$2.default), {
+        [vue.unref(index$2.default), {
           dom: props.drag,
           onMousedown,
           onMouseup

package/dist/components/stick-window/src/index2.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const index$2 = require("../../box-teleport/index.cjs");
 const data = require("./data.cjs");
 const index$3 = require("../../icon/index.cjs");
@@ -9,7 +9,7 @@ const index$1 = require("../../../hooks/cssname/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$4 = require("../../../directives/stick/index.cjs");
 const _hoisted_1 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
@@ -18,7 +18,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     const cs = index$1.useCssName("stick-window");
     const props = __props;
     const emit = __emit;
-    const windowObjs = vues.ref([]);
+    const windowObjs = vue.ref([]);
     const stick = {
       direction: props.direction,
       directions: props.directions,
@@ -60,41 +60,41 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       remove
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.BoxTeleport), {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.BoxTeleport), {
         disabled: props.disabled,
         to: props.to
       }, {
-        default: vues.withCtx(() => [
-          vues.withDirectives((vues.openBlock(), vues.createElementBlock("div", {
-            class: vues.normalizeClass(vues.unref(cs).z())
+        default: vue.withCtx(() => [
+          vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+            class: vue.normalizeClass(vue.unref(cs).z())
           }, [
-            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).top),
-            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
-              (vues.openBlock(true), vues.createElementBlock(vues.Fragment, null, vues.renderList(windowObjs.value, (item, index2) => {
-                return vues.openBlock(), vues.createElementBlock("div", {
-                  class: vues.normalizeClass(vues.unref(cs).z("window-li")),
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).top),
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).default, { values: windowObjs.value }, () => [
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(windowObjs.value, (item, index2) => {
+                return vue.openBlock(), vue.createElementBlock("div", {
+                  class: vue.normalizeClass(vue.unref(cs).z("window-li")),
                   key: index2
                 }, [
-                  vues.createElementVNode("span", {
-                    class: vues.normalizeClass(vues.unref(cs).z("window-li-title")),
+                  vue.createElementVNode("span", {
+                    class: vue.normalizeClass(vue.unref(cs).z("window-li-title")),
                     onClick: ($event) => onClick(item, index2)
-                  }, vues.toDisplayString(item.title), 11, _hoisted_1),
-                  vues.createVNode(vues.unref(index$3.Icon), {
+                  }, vue.toDisplayString(item.title), 11, _hoisted_1),
+                  vue.createVNode(vue.unref(index$3.Icon), {
                     onClick: ($event) => onClose(item, index2),
-                    class: vues.normalizeClass(vues.unref(cs).z("window-li-close")),
-                    title: vues.unref(getLocale)("close")
+                    class: vue.normalizeClass(vue.unref(cs).z("window-li-close")),
+                    title: vue.unref(getLocale)("close")
                   }, {
-                    default: vues.withCtx(() => [
-                      vues.createVNode(close.default)
+                    default: vue.withCtx(() => [
+                      vue.createVNode(close.default)
                     ]),
                     _: 1
                   }, 8, ["onClick", "class", "title"])
                 ], 2);
               }), 128))
             ]),
-            vues.renderSlot(_ctx.$slots, vues.unref(data.dataSlot).bottom)
+            vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).bottom)
           ], 2)), [
-            [vues.unref(index$4.default), stick]
+            [vue.unref(index$4.default), stick]
           ])
         ]),
         _: 3

package/dist/components/sub-menu/src/index2.cjs

@@ -1,16 +1,16 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("element-plus/es/components/menu/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("sub-menu");
     const props = __props;
     const emit = __emit;
@@ -18,15 +18,15 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       ...data.dataExpose
     });
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$1.ElSubMenu), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$1.ElSubMenu), vue.mergeProps({
         index: props.index,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/sub-menu/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/sub-menu.scss' as *;

package/dist/components/switch/src/index2.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/expose/index.cjs");
 const index$2 = require("element-plus/es/components/switch/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("switch");
     const props = __props;
     const emit = __emit;
-    const elRef = vues.ref();
+    const elRef = vue.ref();
     __expose(
       index$1.useExpose(
         {
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElSwitch), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElSwitch), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/switch/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/switch.scss' as *;

package/dist/components/switch/style/index2.scss

@@ -1,4 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/switch.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;

package/dist/components/switchs/src/index2.cjs

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const index$3 = require("../../switch/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$2 = require("../../../hooks/expose/index.cjs");
 const data = require("./data.cjs");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const cs = index.useCssName("switchs");
-    const attrs = index$1.useInherit(vues.useAttrs());
+    const attrs = index$1.useInherit(vue.useAttrs());
     const prs = __props;
     const props = use.uesPropsDefault(prs, {
       options() {
@@ -26,10 +26,10 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       }
     });
     const emit = __emit;
-    const elRef = vues.ref();
-    const active = vues.ref({});
-    const inactive = vues.ref({});
-    vues.watch(
+    const elRef = vue.ref();
+    const active = vue.ref({});
+    const inactive = vue.ref({});
+    vue.watch(
       () => props.options,
       () => {
         if (props.options && props.options.length > 1) {
@@ -47,7 +47,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       },
       { immediate: true, deep: true }
     );
-    const binds = vues.computed(() => {
+    const binds = vue.computed(() => {
       const obj = {};
       for (let k in active.value) {
         obj["active-" + k] = active.value[k];
@@ -58,7 +58,7 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       console.log("obj", obj);
       return obj;
     });
-    const value = vues.computed({
+    const value = vue.computed({
       get() {
         let v = props.modelValue;
         return v;
@@ -77,14 +77,14 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
     });
     __expose(index$2.useExpose({}, elRef));
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createElementBlock("div", vues.mergeProps({
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs).root), [
-        vues.createVNode(vues.unref(index$3.Switch), vues.mergeProps({
-          class: vues.unref(cs).z("switch"),
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs).root), [
+        vue.createVNode(vue.unref(index$3.Switch), vue.mergeProps({
+          class: vue.unref(cs).z("switch"),
           modelValue: value.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event)
-        }, { ...binds.value, ...vues.unref(attrs).assem }, {
+        }, { ...binds.value, ...vue.unref(attrs).assem }, {
           ref_key: "elRef",
           ref: elRef
         }), null, 16, ["class", "modelValue"])

package/dist/components/tab-pane/src/index2.cjs

@@ -1,21 +1,21 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
+const vue = require("vue");
 const data = require("./data.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/expose/index.cjs");
 const index$2 = require("element-plus/es/components/tabs/index");
-const _sfc_main = /* @__PURE__ */ vues.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vues.useAttrs();
-    const slots = vues.useSlots();
+    const attrs = vue.useAttrs();
+    const slots = vue.useSlots();
     const cs = index.useCssName("tab-pane");
     const props = __props;
     const emit = __emit;
-    const elRef = vues.ref();
+    const elRef = vue.ref();
     __expose(
       index$1.useExpose(
         {
@@ -25,16 +25,16 @@ const _sfc_main = /* @__PURE__ */ vues.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vues.openBlock(), vues.createBlock(vues.unref(index$2.ElTabPane), vues.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElTabPane), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
-        class: vues.unref(cs).z()
-      }, vues.unref(attrs)), vues.createSlots({ _: 2 }, [
-        vues.renderList(Object.keys(vues.unref(slots)), (k) => {
+        class: vue.unref(cs).z()
+      }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
             name: k,
-            fn: vues.withCtx((scope) => [
-              vues.renderSlot(_ctx.$slots, k, vues.normalizeProps(vues.guardReactiveProps(scope || {})))
+            fn: vue.withCtx((scope) => [
+              vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
             ])
           };
         })

package/dist/components/tab-pane/style/element.scss

@@ -0,0 +1,2 @@
+@use 'element-plus/theme-chalk/src/base.scss' as *;
+@use 'element-plus/theme-chalk/src/tab-pane.scss' as *;

package/dist/components/tab-pane/style/index2.scss

@@ -1,5 +1,2 @@
-@use 'element-plus/theme-chalk/src/base.scss' as *;
-@use 'element-plus/theme-chalk/src/tab-pane.scss' as *;
-@use 'element-plus/theme-chalk/src/tabs.scss' as *;
 @use './element.scss' as *;
 @use '../index.scss' as *;