@fangzhongya/fang-ui 0.1.9 → 0.1.11

package/dist/components/common/compons.js

@@ -1,3 +1,4 @@
+import { provide, inject } from "vue";
 import "../../utils/index.js";
 import { Array } from "../array/index.js";
 import { Checks } from "../checks/index.js";
@@ -58,7 +59,16 @@ function getCompons(...arrs) {
   });
   return coms;
 }
+function useCompons(key, ...arrs) {
+  const tfcom = getCompons(...arrs);
+  provide(key || "com-compons", tfcom);
+}
+function useGetCompons(key, value = {}) {
+  return inject(key || "com-compons", value);
+}
 export {
   components,
-  getCompons
+  getCompons,
+  useCompons,
+  useGetCompons
 };

package/dist/components/common/use.cjs

@@ -302,7 +302,7 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
   }
   return label;
 };
-function uesObjComponSelected(obj, props) {
+function useObjComponSelected(obj, props) {
   const arrs = [obj];
   util.getFathers(obj, arrs);
   let componSelected = props.componSelected;
@@ -311,7 +311,7 @@ function uesObjComponSelected(obj, props) {
   });
   return componSelected;
 }
-function uesPropsDefault(props, keyObj) {
+function usePropsDefault(props, keyObj) {
   const keys = Object.keys(keyObj);
   return new Proxy(props, {
     get(_target, k) {
@@ -329,11 +329,11 @@ function uesPropsDefault(props, keyObj) {
 exports.getFormRule = getFormRule;
 exports.getOnObjs = getOnObjs;
 exports.setFormDefaultValue = setFormDefaultValue;
-exports.uesObjComponSelected = uesObjComponSelected;
-exports.uesPropsDefault = uesPropsDefault;
 exports.useGetDomLabel = useGetDomLabel;
 exports.useGetDomValue = useGetDomValue;
 exports.useHide = useHide;
+exports.useObjComponSelected = useObjComponSelected;
+exports.usePropsDefault = usePropsDefault;
 exports.useSetCompon = useSetCompon;
 exports.useSetSlot = useSetSlot;
 exports.useSetValue = useSetValue;

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

@@ -16,8 +16,8 @@ export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAn
 }> | undefined;
 export declare const useGetDomValue: (obj: ListObj, data: ObjAny, options: ObjAny, index?: number) => any;
 export declare const useGetDomLabel: (label: string | ListObj | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => any;
-export declare function uesObjComponSelected(obj: ListObj, props: ObjAny): any;
-export declare function uesPropsDefault(props: any, keyObj: {
+export declare function useObjComponSelected(obj: ListObj, props: ObjAny): any;
+export declare function usePropsDefault(props: any, keyObj: {
     [key: string]: () => any;
 }): any;
 export {};

package/dist/components/common/use.js

@@ -300,7 +300,7 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
   }
   return label;
 };
-function uesObjComponSelected(obj, props) {
+function useObjComponSelected(obj, props) {
   const arrs = [obj];
   getFathers(obj, arrs);
   let componSelected = props.componSelected;
@@ -309,7 +309,7 @@ function uesObjComponSelected(obj, props) {
   });
   return componSelected;
 }
-function uesPropsDefault(props, keyObj) {
+function usePropsDefault(props, keyObj) {
   const keys = Object.keys(keyObj);
   return new Proxy(props, {
     get(_target, k) {
@@ -328,11 +328,11 @@ export {
   getFormRule,
   getOnObjs,
   setFormDefaultValue,
-  uesObjComponSelected,
-  uesPropsDefault,
   useGetDomLabel,
   useGetDomValue,
   useHide,
+  useObjComponSelected,
+  usePropsDefault,
   useSetCompon,
   useSetSlot,
   useSetValue,

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

@@ -21,6 +21,7 @@ const companySelect = {
   // // 是否多选
   // multiple: false,
 };
+const name = "company-select";
 const dataProps = buildProps.buildProps({
   /**
    * @props { } labels=[] ( )
@@ -73,3 +74,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -21,6 +21,10 @@ export type CompanySelect = {
     multiple: boolean;
     checkStrictly: boolean;
 };
+/**
+ * @title {h3} company-select
+ */
+export declare const name = "company-select";
 export declare const dataProps: {
     /**
      * @props { } labels=[] ( )

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

@@ -19,6 +19,7 @@ const companySelect = {
   // // 是否多选
   // multiple: false,
 };
+const name = "company-select";
 const dataProps = buildProps({
   /**
    * @props { } labels=[] ( )
@@ -71,5 +72,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -1,21 +1,24 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$2 = require("../../select/index.cjs");
-const index$3 = require("../../option/index.cjs");
+const index$3 = require("../../select/index.cjs");
+const index$4 = require("../../option/index.cjs");
 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 _hoisted_1 = { key: 0 };
 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("company-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;
     const mvalue = vue.ref([]);
     vue.watch(
@@ -161,13 +164,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(vue.unref(cs).z())
       }, [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(props.labels, (item, index2) => {
+        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(props).labels, (item, index2) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             class: vue.normalizeClass(vue.unref(cs).z("li")),
             key: index2
           }, [
             item.name ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1, vue.toDisplayString(item.name), 1)) : vue.createCommentVNode("", true),
-            vue.createVNode(vue.unref(index$2.Select), {
+            vue.createVNode(vue.unref(index$3.Select), {
               disabled: item.disabled,
               readonly: item.readonly,
               onChange: (v) => {
@@ -180,7 +183,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(options.value[index2], (obj) => {
-                  return vue.openBlock(), vue.createBlock(vue.unref(index$3.Option), {
+                  return vue.openBlock(), vue.createBlock(vue.unref(index$4.Option), {
                     label: obj[psprops.value.label],
                     value: obj[psprops.value.value],
                     disabled: obj[psprops.value.disabled]

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

@@ -1,19 +1,22 @@
 import { defineComponent, ref, watch, computed, nextTick, createElementBlock, openBlock, normalizeClass, unref, Fragment, renderList, createCommentVNode, createVNode, toDisplayString, withCtx, createBlock } from "vue";
 import { Select } from "../../select/index.js";
 import { Option } from "../../option/index.js";
-import { companySelect, dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, companySelect, 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 _hoisted_1 = { key: 0 };
 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("company-select");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const mvalue = ref([]);
     watch(
@@ -159,7 +162,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(props.labels, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(props).labels, (item, index) => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(unref(cs).z("li")),
             key: index

package/dist/components/config-provider/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 = "config-provider";
 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/config-provider/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} ConfigProvider 全局配置
  * @text 目前完全继承 element-plus 中 el-config-provider
  */
+export declare const name = "config-provider";
 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/config-provider/src/data.js

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

package/dist/components/config-provider/src/index2.cjs

@@ -2,17 +2,16 @@
 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/config-provider/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("config-provider");
     const props = __props;
     const emit = __emit;
     const elRef = vue.ref();
@@ -27,8 +26,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(index$2.ElConfigProvider), vue.mergeProps({
         ref_key: "elRef",
-        ref: elRef,
-        class: vue.unref(cs).z()
+        ref: elRef
       }, vue.unref(attrs)), vue.createSlots({ _: 2 }, [
         vue.renderList(Object.keys(vue.unref(slots)), (k) => {
           return {
@@ -38,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"]);
+      ]), 1040);
     };
   }
 });

package/dist/components/config-provider/src/index2.js

@@ -1,16 +1,15 @@
 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 { useCssName } from "../../../hooks/cssname/index.js";
+import { name, dataExpose, dataEmits, dataProps } from "./data.js";
 import { useExpose } from "../../../hooks/expose/index.js";
 import { ElConfigProvider } from "element-plus/es/components/config-provider/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("config-provider");
     const props = __props;
     const emit = __emit;
     const elRef = ref();
@@ -25,8 +24,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElConfigProvider), mergeProps({
         ref_key: "elRef",
-        ref: elRef,
-        class: unref(cs).z()
+        ref: elRef
       }, unref(attrs)), createSlots({ _: 2 }, [
         renderList(Object.keys(unref(slots)), (k) => {
           return {
@@ -36,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])
           };
         })
-      ]), 1040, ["class"]);
+      ]), 1040);
     };
   }
 });

package/dist/components/date-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 = "date-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/date-picker/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} DatePicker 日期选择器
  * @text 目前完全继承 element-plus 中 el-date-picker
  */
+export declare const name = "date-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/date-picker/src/data.js

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

package/dist/components/date-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/date-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/date-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("date-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.ElDatePicker), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElDatePicker), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/date-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 { ElDatePicker } from "element-plus/es/components/date-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("date-picker");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

package/dist/components/date-picker-panel/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 = "date-picker-panel";
 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/date-picker-panel/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} DatePickerPanel 日期选择器面板
  * @text 目前完全继承 element-plus 中 el-date-picker-panel
  */
+export declare const name = "date-picker-panel";
 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/date-picker-panel/src/data.js

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

package/dist/components/date-picker-panel/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/date-picker-panel/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/date-picker-panel/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("date-picker-panel");
+    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.ElDatePickerPanel), vue.mergeProps({
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElDatePickerPanel), vue.mergeProps({
         ref_key: "elRef",
         ref: elRef,
         class: vue.unref(cs).z()

package/dist/components/date-picker-panel/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 { ElDatePickerPanel } from "element-plus/es/components/date-picker-panel/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("date-picker-panel");
+    const cs = useCssName(name);
     const props = __props;
     const emit = __emit;
     const elRef = ref();

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

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const list = require("../../common/list.cjs");
+const name = "dates";
 const dataProps = {
   ...list.props,
   /**
@@ -21,3 +22,4 @@ exports.dataExpose = dataExpose;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -1,5 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 import { comHandle } from '../../common/list';
+/**
+ * @title {h3} dates
+ */
+export declare const name = "dates";
 export declare const dataProps: {
     /**
      * @props {String, Number, Date, Array} modelValue/v-model 时间数据

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

@@ -1,4 +1,5 @@
 import { props, comHandle, emits } from "../../common/list.js";
+const name = "dates";
 const dataProps = {
   ...props,
   /**
@@ -19,5 +20,6 @@ export {
   dataExpose,
   dataHandle,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };