@fangzhongya/fang-ui 0.1.10 → 0.1.11

package/dist/components/input-tag/src/data.d.ts

@@ -3,6 +3,7 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h3} InputTag 标签输入框
  * @text 目前完全继承 element-plus 中 el-input-tag
  */
+export declare const name = "input-tag";
 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/input-tag/src/data.js

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

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

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

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "inputs";
 const dataProps = {
   oncePlaceholder: {
     type: Boolean
@@ -22,3 +23,4 @@ const dataProps = {
 const dataEmits = ["update:modelValue"];
 exports.dataEmits = dataEmits;
 exports.dataProps = dataProps;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes } from 'vue';
+/**
+ * @title {h3} inputs
+ */
+export declare const name = "inputs";
 export declare const dataProps: {
     oncePlaceholder: {
         type: BooleanConstructor;

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

@@ -1,3 +1,4 @@
+const name = "inputs";
 const dataProps = {
   oncePlaceholder: {
     type: Boolean
@@ -20,5 +21,6 @@ const dataProps = {
 const dataEmits = ["update:modelValue"];
 export {
   dataEmits,
-  dataProps
+  dataProps,
+  name
 };

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

@@ -1,22 +1,25 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const index$4 = require("../../input/index.cjs");
+const index$5 = require("../../input/index.cjs");
 const data = require("./data.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/inherit/index.cjs");
-const index$3 = require("../../../hooks/expose/index.cjs");
+const index$4 = require("../../../hooks/expose/index.cjs");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const index = require("../../../hooks/locale/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: data.dataProps,
+  props: index$3.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = index.useLocale();
-    const attrs = index$1.useInherit(vue.useAttrs());
-    const cs = index$2.useCssName("inputs");
-    const props = __props;
+    const attrs = index$1.useInherit(vue.useAttrs(), data.name);
+    const cs = index$2.useCssName(data.name);
+    const prs = __props;
+    const props = index$3.usePropsDefault(data.name, prs, data.dataProps);
+    index$3.viewProps(props, data.name);
     const slots = vue.useSlots();
     const emit = __emit;
     const refEl = vue.ref();
@@ -52,7 +55,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       };
     }
     __expose(
-      index$3.useExpose(
+      index$4.useExpose(
         {
           el: refEl
         },
@@ -65,7 +68,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref: refEl,
         class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
-        vue.createVNode(vue.unref(index$4.Input), vue.mergeProps({
+        vue.createVNode(vue.unref(index$5.Input), vue.mergeProps({
           class: vue.unref(cs).z("input"),
           ref_key: "elRef",
           ref: elRef,
@@ -75,8 +78,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           vue.renderList(Object.keys(vue.unref(slots)), (k, index2) => {
             return {
               name: k,
-              fn: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, k)
+              fn: vue.withCtx((scope) => [
+                vue.renderSlot(_ctx.$slots, k, vue.normalizeProps(vue.guardReactiveProps(scope || {})))
               ])
             };
           })

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

@@ -1,20 +1,23 @@
-import { defineComponent, useAttrs, useSlots, ref, computed, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { defineComponent, useAttrs, useSlots, ref, computed, createElementBlock, openBlock, mergeProps, unref, createVNode, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { Input } from "../../input/index.js";
-import { dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { useExpose } from "../../../hooks/expose/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const { getLocale } = useLocale();
-    const attrs = useInherit(useAttrs());
-    const cs = useCssName("inputs");
-    const props = __props;
+    const attrs = useInherit(useAttrs(), name);
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const slots = useSlots();
     const emit = __emit;
     const refEl = ref();
@@ -73,8 +76,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           renderList(Object.keys(unref(slots)), (k, index) => {
             return {
               name: k,
-              fn: withCtx(() => [
-                renderSlot(_ctx.$slots, k)
+              fn: withCtx((scope) => [
+                renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope || {})))
               ])
             };
           })

package/dist/components/keep-com/src/data.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "keep-com";
 const dataProps = buildProps.buildProps({
   /**
    * @props { String } is= ( )
@@ -40,3 +41,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/keep-com/src/data.d.ts

@@ -2,6 +2,10 @@ import { ExtractPublicPropTypes } from 'vue';
 /***
  * 没有用，依旧无法解决 iframe 加载 刷新问题
  */
+/**
+ * @title {h3} keep-com
+ */
+export declare const name = "keep-com";
 export declare const dataProps: {
     /**
      * @props { String } is= ( )

package/dist/components/keep-com/src/data.js

@@ -1,4 +1,5 @@
 import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "keep-com";
 const dataProps = buildProps({
   /**
    * @props { String } is= ( )
@@ -38,5 +39,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

package/dist/components/keep-com/src/index2.cjs

@@ -5,30 +5,33 @@ const data = require("./data.cjs");
 const index$2 = require("../../../hooks/cssname/index.cjs");
 const index$1 = require("../../../hooks/locale/index.cjs");
 const index = require("../../../hooks/inherit/index.cjs");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$3.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
-    const attrs = index.useInherit(vue.useAttrs());
+    const attrs = index.useInherit(vue.useAttrs(), data.name);
     const { getLocale } = index$1.useLocale();
-    const cs = index$2.useCssName("keep-com");
-    const props = __props;
+    const cs = index$2.useCssName(data.name);
+    const prs = __props;
+    const props = index$3.usePropsDefault(data.name, prs, data.dataProps);
+    index$3.viewProps(props, data.name);
     const emit = __emit;
     const hideComs = vue.reactive([]);
     const value = vue.computed(() => {
       return props.is;
     });
     const sethideComs = () => {
-      const name = props.is;
-      if (props.hides.includes(name)) {
-        if (!hideComs.map((o) => o.name).includes(name)) {
+      const name2 = props.is;
+      if (props.hides.includes(name2)) {
+        if (!hideComs.map((o) => o.name).includes(name2)) {
           hideComs.push({
-            name,
-            component: vue.h(vue.resolveComponent(name), {
+            name: name2,
+            component: vue.h(vue.resolveComponent(name2), {
               ...attrs.assem,
               style: {
-                display: value.value != name ? "block" : "none"
+                display: value.value != name2 ? "block" : "none"
               }
             })
           });
@@ -65,10 +68,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         class: vue.unref(cs).z()
       }, vue.unref(attrs).root), [
         vue.withDirectives(vue.createVNode(vue.unref(HideComponent), null, null, 512), [
-          [vue.vShow, props.hides.includes(props.is)]
+          [vue.vShow, vue.unref(props).hides.includes(vue.unref(props).is)]
         ]),
-        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.is), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs).assem)), null, 16)), [
-          [vue.vShow, !props.hides.includes(props.is)]
+        vue.withDirectives((vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(props).is), vue.normalizeProps(vue.guardReactiveProps(vue.unref(attrs).assem)), null, 16)), [
+          [vue.vShow, !vue.unref(props).hides.includes(vue.unref(props).is)]
         ])
       ], 16);
     };

package/dist/components/keep-com/src/index2.js

@@ -1,32 +1,35 @@
 import { defineComponent, useAttrs, reactive, computed, h, resolveComponent, watch, createElementBlock, openBlock, mergeProps, unref, withDirectives, createVNode, vShow, createBlock, resolveDynamicComponent, normalizeProps, guardReactiveProps } from "vue";
-import { dataExpose, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { useInherit } from "../../../hooks/inherit/index.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 attrs = useInherit(useAttrs());
+    const attrs = useInherit(useAttrs(), name);
     const { getLocale } = useLocale();
-    const cs = useCssName("keep-com");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const hideComs = reactive([]);
     const value = computed(() => {
       return props.is;
     });
     const sethideComs = () => {
-      const name = props.is;
-      if (props.hides.includes(name)) {
-        if (!hideComs.map((o) => o.name).includes(name)) {
+      const name2 = props.is;
+      if (props.hides.includes(name2)) {
+        if (!hideComs.map((o) => o.name).includes(name2)) {
           hideComs.push({
-            name,
-            component: h(resolveComponent(name), {
+            name: name2,
+            component: h(resolveComponent(name2), {
               ...attrs.assem,
               style: {
-                display: value.value != name ? "block" : "none"
+                display: value.value != name2 ? "block" : "none"
               }
             })
           });
@@ -63,10 +66,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         class: unref(cs).z()
       }, unref(attrs).root), [
         withDirectives(createVNode(unref(HideComponent), null, null, 512), [
-          [vShow, props.hides.includes(props.is)]
+          [vShow, unref(props).hides.includes(unref(props).is)]
         ]),
-        withDirectives((openBlock(), createBlock(resolveDynamicComponent(props.is), normalizeProps(guardReactiveProps(unref(attrs).assem)), null, 16)), [
-          [vShow, !props.hides.includes(props.is)]
+        withDirectives((openBlock(), createBlock(resolveDynamicComponent(unref(props).is), normalizeProps(guardReactiveProps(unref(attrs).assem)), null, 16)), [
+          [vShow, !unref(props).hides.includes(unref(props).is)]
         ])
       ], 16);
     };

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

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const list = require("../../common/list.cjs");
 const data = require("../../checks/src/data.cjs");
+const name = "labels";
 const dataProps = {
   ...data.dataProps,
   nowhole: {
@@ -24,3 +25,4 @@ const dataEmits = [...data.dataEmits];
 exports.dataEmits = dataEmits;
 exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;
+exports.name = name;

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

@@ -1,5 +1,9 @@
 import { ExtractPropTypes } from 'vue';
 import { comHandle } from '../../common/list';
+/**
+ * @title {h3} labels
+ */
+export declare const name = "labels";
 export declare const dataProps: {
     nowhole: {
         type: BooleanConstructor;

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

@@ -1,5 +1,6 @@
 import { comHandle } from "../../common/list.js";
 import { dataProps as dataProps$1, dataEmits as dataEmits$1 } from "../../checks/src/data.js";
+const name = "labels";
 const dataProps = {
   ...dataProps$1,
   nowhole: {
@@ -22,5 +23,6 @@ const dataEmits = [...dataEmits$1];
 export {
   dataEmits,
   dataHandle,
-  dataProps
+  dataProps,
+  name
 };

package/dist/components/labels/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$2 = require("../../checks/index.cjs");
-const index$1 = require("../../selects/index.cjs");
+const index$3 = require("../../checks/index.cjs");
+const index$2 = require("../../selects/index.cjs");
 const use = require("../../common/use.cjs");
 const index = require("../../../hooks/cssname/index.cjs");
 const data = require("./data.cjs");
+const index$1 = require("../../../hooks/props-default/index.cjs");
 const wholeClass = "labels-li-whole";
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   __name: "index",
-  props: data.dataProps,
+  props: index$1.getProps(data.dataProps),
   emits: data.dataEmits,
   setup(__props, { emit: __emit }) {
-    const cs = index.useCssName("labels");
-    const props = __props;
+    const cs = index.useCssName(data.name);
+    const prs = __props;
+    const props = index$1.usePropsDefault(data.name, prs, data.dataProps);
+    index$1.viewProps(props, data.name);
     const emit = __emit;
     const comps = vue.computed(() => {
       if (props.select) {
-        return index$1.Selects;
+        return index$2.Selects;
       } else {
-        return index$2.Checks;
+        return index$3.Checks;
       }
     });
     const listFuObj = data.dataHandle(props, emit);
@@ -96,16 +99,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("compact", props.compact)])
+        class: vue.normalizeClass([vue.unref(cs).z(), vue.unref(cs).is("compact", vue.unref(props).compact)])
       }, [
-        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), vue.mergeProps({ key: 0 }, props, {
+        vue.unref(multiple) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), vue.mergeProps({ key: 0 }, vue.unref(props), {
           class: [vue.unref(cs).z("whole")],
           options: options.value,
           modelValue: valueMultiple.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
           multiple: vue.unref(multiple),
           onClickMultiple: onClickWholes
-        }), null, 16, ["class", "options", "modelValue", "multiple"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), vue.mergeProps({ key: 1 }, props, {
+        }), null, 16, ["class", "options", "modelValue", "multiple"])) : (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(comps.value), vue.mergeProps({ key: 1 }, vue.unref(props), {
           options: options.value,
           modelValue: vue.unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(value) ? value.value = $event : null)

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

@@ -3,15 +3,18 @@ import { Checks } from "../../checks/index.js";
 import { Selects } from "../../selects/index.js";
 import { useVueValue } from "../../common/use.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { dataHandle, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataHandle, dataEmits } from "./data.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 const wholeClass = "labels-li-whole";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { emit: __emit }) {
-    const cs = useCssName("labels");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const comps = computed(() => {
       if (props.select) {
@@ -94,16 +97,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(cs).z(), unref(cs).is("compact", props.compact)])
+        class: normalizeClass([unref(cs).z(), unref(cs).is("compact", unref(props).compact)])
       }, [
-        unref(multiple) ? (openBlock(), createBlock(resolveDynamicComponent(comps.value), mergeProps({ key: 0 }, props, {
+        unref(multiple) ? (openBlock(), createBlock(resolveDynamicComponent(comps.value), mergeProps({ key: 0 }, unref(props), {
           class: [unref(cs).z("whole")],
           options: options.value,
           modelValue: valueMultiple.value,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueMultiple.value = $event),
           multiple: unref(multiple),
           onClickMultiple: onClickWholes
-        }), null, 16, ["class", "options", "modelValue", "multiple"])) : (openBlock(), createBlock(resolveDynamicComponent(comps.value), mergeProps({ key: 1 }, props, {
+        }), null, 16, ["class", "options", "modelValue", "multiple"])) : (openBlock(), createBlock(resolveDynamicComponent(comps.value), mergeProps({ key: 1 }, unref(props), {
           options: options.value,
           modelValue: unref(value),
           "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(value) ? value.value = $event : null)

package/dist/components/list/index.css

@@ -74,13 +74,14 @@
   display: inline-flex;
   justify-content: center;
 }
-.list-div .list-table .list-table-auto .is-width .list-table-label {
-  word-break: break-all;
-  white-space: normal;
-}
 .list-div .list-table .list-table-auto .list-table-label {
   white-space: nowrap;
 }
+.list-div .list-table .is-width .list-table-label {
+  word-break: break-all;
+  white-space: normal;
+  display: block;
+}
 .list-div .list-table .list-table-th {
   text-align: left;
 }

package/dist/components/list/index.scss

@@ -74,16 +74,17 @@ $list: 'list';
 						justify-content: center;
 					}
 				}
-				.#{is('width')} {
-					.#{z($list, 'table-label')} {
-						word-break: break-all;
-						white-space: normal;
-					}
-				}
 				.#{z($list, 'table-label')} {
 					white-space: nowrap;
 				}
 			}
+			.#{is('width')} {
+				.#{z($list, 'table-label')} {
+					word-break: break-all;
+					white-space: normal;
+					display: block;
+				}
+			}
 			.#{z($list, 'table-th')} {
 				text-align: left;
 			}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "list";
 const dataProps = {
   /**
    * @props { Object } options={}
@@ -142,3 +143,4 @@ const dataExpose = [];
 exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
+exports.name = name;

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

@@ -1,4 +1,8 @@
 import { ExtractPropTypes, Component } from 'vue';
+/**
+ * @title {h3}
+ */
+export declare const name = "list";
 export declare const dataProps: {
     /**
      * @props { Object } options={}

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

@@ -1,3 +1,4 @@
+const name = "list";
 const dataProps = {
   /**
    * @props { Object } options={}
@@ -140,5 +141,6 @@ const dataExpose = [];
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  name
 };