@fangzhongya/fang-ui 0.1.10 → 0.1.12

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

@@ -1,25 +1,28 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$6 = require("../../../hooks/expose/index.cjs");
-const index$3 = require("../../checkbox/index.cjs");
-const index$2 = require("../../checkbox-button/index.cjs");
-const index$7 = require("../../checkbox-group/index.cjs");
-const index$5 = require("../../radio/index.cjs");
-const index$4 = require("../../radio-button/index.cjs");
-const index$8 = require("../../radio-group/index.cjs");
+const index$7 = require("../../../hooks/expose/index.cjs");
+const index$4 = require("../../checkbox/index.cjs");
+const index$3 = require("../../checkbox-button/index.cjs");
+const index$8 = require("../../checkbox-group/index.cjs");
+const index$6 = require("../../radio/index.cjs");
+const index$5 = require("../../radio-button/index.cjs");
+const index$9 = require("../../radio-group/index.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
 const use = require("../../common/use.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = index.useCssName("checks");
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const props = __props;
+    const cs = index.useCssName(data.name);
+    const attrs = index$1.useInherit(vue.useAttrs(), data.name);
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     const listFuObj = data.dataHandle(props, emit);
     const value = listFuObj.value;
@@ -29,15 +32,15 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     const comps = vue.computed(() => {
       if (multiple.value) {
         if (props.but) {
-          return index$2.CheckboxButton;
+          return index$3.CheckboxButton;
         } else {
-          return index$3.Checkbox;
+          return index$4.Checkbox;
         }
       } else {
         if (props.but) {
-          return index$4.RadioButton;
+          return index$5.RadioButton;
         } else {
-          return index$5.Radio;
+          return index$6.Radio;
         }
       }
     });
@@ -45,7 +48,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       emit("click-multiple", item, is);
     };
     __expose(
-      index$6.useExpose(
+      index$7.useExpose(
         {
           el: refEl
         },
@@ -58,7 +61,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref: refEl,
         class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
-        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.unref(index$7.CheckboxGroup), vue.mergeProps({
+        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.unref(index$8.CheckboxGroup), vue.mergeProps({
           key: 0,
           class: vue.unref(cs).z("check"),
           modelValue: vue.unref(value),
@@ -68,22 +71,22 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref: elRef
         }), {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).options, (item) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), {
-                value: vue.unref(use.useVueValue)(item, props.prop),
+                value: vue.unref(use.useVueValue)(item, vue.unref(props).prop),
                 border: item == null ? void 0 : item.border,
                 disabled: item == null ? void 0 : item.disabled,
                 onChange: (is) => onChange(item, is)
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 1)
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(use.useVueValue)(item, vue.unref(props).label)), 1)
                 ]),
                 _: 2
               }, 1064, ["value", "border", "disabled", "onChange"]);
             }), 256))
           ]),
           _: 1
-        }, 16, ["class", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$8.RadioGroup), vue.mergeProps({
+        }, 16, ["class", "modelValue"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$9.RadioGroup), vue.mergeProps({
           key: 1,
           class: vue.unref(cs).z("check"),
           modelValue: vue.unref(value),
@@ -93,14 +96,14 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           ref: elRef
         }), {
           default: vue.withCtx(() => [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.options, (item) => {
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).options, (item) => {
               return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), {
                 border: item == null ? void 0 : item.border,
-                value: vue.unref(use.useVueValue)(item, props.prop),
+                value: vue.unref(use.useVueValue)(item, vue.unref(props).prop),
                 disabled: item == null ? void 0 : item.disabled
               }, {
                 default: vue.withCtx(() => [
-                  vue.createTextVNode(vue.toDisplayString(vue.unref(use.useVueValue)(item, props.label)), 1)
+                  vue.createTextVNode(vue.toDisplayString(vue.unref(use.useVueValue)(item, vue.unref(props).label)), 1)
                 ]),
                 _: 2
               }, 1032, ["border", "value", "disabled"]);

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

@@ -7,17 +7,20 @@ import { Radio } from "../../radio/index.js";
 import { RadioButton } from "../../radio-button/index.js";
 import { RadioGroup } from "../../radio-group/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { dataHandle, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataHandle, dataEmits } from "./data.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useVueValue } from "../../common/use.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const cs = useCssName("checks");
-    const attrs = useInherit(useAttrs());
-    const props = __props;
+    const cs = useCssName(name);
+    const attrs = useInherit(useAttrs(), name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const listFuObj = dataHandle(props, emit);
     const value = listFuObj.value;
@@ -66,15 +69,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: elRef
         }), {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).options, (item) => {
               return openBlock(), createBlock(resolveDynamicComponent(comps.value), {
-                value: unref(useVueValue)(item, props.prop),
+                value: unref(useVueValue)(item, unref(props).prop),
                 border: item == null ? void 0 : item.border,
                 disabled: item == null ? void 0 : item.disabled,
                 onChange: (is) => onChange(item, is)
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(useVueValue)(item, props.label)), 1)
+                  createTextVNode(toDisplayString(unref(useVueValue)(item, unref(props).label)), 1)
                 ]),
                 _: 2
               }, 1064, ["value", "border", "disabled", "onChange"]);
@@ -91,14 +94,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           ref: elRef
         }), {
           default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(props.options, (item) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).options, (item) => {
               return openBlock(), createBlock(resolveDynamicComponent(comps.value), {
                 border: item == null ? void 0 : item.border,
-                value: unref(useVueValue)(item, props.prop),
+                value: unref(useVueValue)(item, unref(props).prop),
                 disabled: item == null ? void 0 : item.disabled
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(useVueValue)(item, props.label)), 1)
+                  createTextVNode(toDisplayString(unref(useVueValue)(item, unref(props).label)), 1)
                 ]),
                 _: 2
               }, 1032, ["border", "value", "disabled"]);

package/dist/components/choice-select/src/data.cjs

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../utils/index.cjs");
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "choice-select";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String, Number, Array<String> } many= ( )
@@ -23,3 +24,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/choice-select/src/data.d.ts

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3}
+ */
+export declare const name = "choice-select";
 export declare const dataProps: {
     /**
      * @props { String, Number, Array<String> } many= ( )

package/dist/components/choice-select/src/data.js

@@ -1,5 +1,6 @@
 import "../../../utils/index.js";
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "choice-select";
 const dataProps = buildProps({
   /**
    * @props { String, Number, Array<String> } many= ( )
@@ -21,5 +22,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/choice-select/src/index2.cjs

@@ -3,16 +3,19 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const data = require("./data.cjs");
 require("../../../hooks/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const index$1 = require("../../../hooks/cssname/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$2.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const cs = index$1.useCssName("choice-select");
-    const props = __props;
+    const cs = index$1.useCssName(data.name);
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
     const emit = __emit;
     __expose({
       ...data.dataExpose

package/dist/components/choice-select/src/index2.js

@@ -1,16 +1,19 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import "../../../hooks/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const cs = useCssName("choice-select");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     __expose({
       ...dataExpose

package/dist/components/collapse/src/data.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "collapse";
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/collapse/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} Collapse 折叠面板
  * @text 目前完全继承 element-plus 中 el-collapse
  */
+export declare const name = "collapse";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
@@ -11,4 +12,6 @@ export declare const dataSlot: {};
 /**
  * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/collapse/src/data.js

@@ -1,11 +1,13 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "collapse";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -2,22 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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/collapse/index");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("element-plus/es/components/collapse/index");
+const index = require("../../../hooks/attrs-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
+    const attrs = index.useAttrsDefault(data.name, vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("collapse");
+    const cs = index$1.useCssName(data.name);
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
     __expose(
-      index$1.useExpose(
+      index$2.useExpose(
         {
           ...data.dataExpose
         },
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElCollapse), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElCollapse), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

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

@@ -1,16 +1,17 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElCollapse } from "element-plus/es/components/collapse/index";
+import { useAttrsDefault } from "../../../hooks/attrs-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useAttrs();
+    const attrs = useAttrsDefault(name, useAttrs());
     const slots = useSlots();
-    const cs = useCssName("collapse");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/collapse-item/src/data.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "collapse-item";
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/collapse-item/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} CollapseItem 折叠面板-子面板
  * @text 目前完全继承 element-plus 中 el-collapse-item
  */
+export declare const name = "collapse-item";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
@@ -11,4 +12,6 @@ export declare const dataSlot: {};
 /**
  * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/collapse-item/src/data.js

@@ -1,11 +1,13 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "collapse-item";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/collapse-item/src/index2.cjs

@@ -2,22 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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/collapse/index");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("element-plus/es/components/collapse/index");
+const index = require("../../../hooks/attrs-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
+    const attrs = index.useAttrsDefault(data.name, vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("collapse-item");
+    const cs = index$1.useCssName(data.name);
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
     __expose(
-      index$1.useExpose(
+      index$2.useExpose(
         {
           ...data.dataExpose
         },
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElCollapseItem), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElCollapseItem), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/collapse-item/src/index2.js

@@ -1,16 +1,17 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElCollapseItem } from "element-plus/es/components/collapse/index";
+import { useAttrsDefault } from "../../../hooks/attrs-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useAttrs();
+    const attrs = useAttrsDefault(name, useAttrs());
     const slots = useSlots();
-    const cs = useCssName("collapse-item");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/color-picker/src/data.cjs

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "color-picker";
 const dataProps = buildProps.buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/color-picker/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} ColorPicker 颜色选择器
  * @text 目前完全继承 element-plus 中 el-color-picker
  */
+export declare const name = "color-picker";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];
@@ -11,4 +12,6 @@ export declare const dataSlot: {};
 /**
  * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
  */
-export declare const dataExpose: {};
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/color-picker/src/data.js

@@ -1,11 +1,13 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "color-picker";
 const dataProps = buildProps({});
 const dataEmits = [];
 const dataSlot = {};
-const dataExpose = {};
+const dataExpose = { name };
 export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/color-picker/src/index2.cjs

@@ -2,22 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 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/color-picker/index");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index$2 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("element-plus/es/components/color-picker/index");
+const index = require("../../../hooks/attrs-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
   props: data.dataProps,
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = vue.useAttrs();
+    const attrs = index.useAttrsDefault(data.name, vue.useAttrs());
     const slots = vue.useSlots();
-    const cs = index.useCssName("color-picker");
+    const cs = index$1.useCssName(data.name);
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
     __expose(
-      index$1.useExpose(
+      index$2.useExpose(
         {
           ...data.dataExpose
         },
@@ -25,7 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       )
     );
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElColorPicker), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElColorPicker), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/color-picker/src/index2.js

@@ -1,16 +1,17 @@
 import { defineComponent, useAttrs, useSlots, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElColorPicker } from "element-plus/es/components/color-picker/index";
+import { useAttrsDefault } from "../../../hooks/attrs-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = useAttrs();
+    const attrs = useAttrsDefault(name, useAttrs());
     const slots = useSlots();
-    const cs = useCssName("color-picker");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/common/compons.cjs

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
 require("../../utils/index.cjs");
 const index$m = require("../array/index.cjs");
 const index$l = require("../checks/index.cjs");
@@ -60,5 +61,14 @@ function getCompons(...arrs) {
   });
   return coms;
 }
+function useCompons(key, ...arrs) {
+  const tfcom = getCompons(...arrs);
+  vue.provide(key || "com-compons", tfcom);
+}
+function useGetCompons(key, value = {}) {
+  return vue.inject(key || "com-compons", value);
+}
 exports.components = components;
 exports.getCompons = getCompons;
+exports.useCompons = useCompons;
+exports.useGetCompons = useGetCompons;

package/dist/components/common/compons.d.ts

@@ -4,4 +4,6 @@ type Compons = {
 };
 export declare const components: Compons;
 export declare function getCompons(...arrs: Compons[]): Compons;
+export declare function useCompons(key: string, ...arrs: Compons[]): void;
+export declare function useGetCompons(key: string, value?: Compons): Compons;
 export {};