@fangzhongya/fang-ui 0.1.9 → 0.1.11

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={}
@@ -90,6 +91,9 @@ const dataProps = {
     type: String,
     default: "center"
   },
+  items: {
+    type: String
+  },
   /**
    * @props { Boolean, String } border=true ( )
    * 是否需要边框，边框颜色
@@ -139,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={}
@@ -95,6 +99,9 @@ export declare const dataProps: {
         type: StringConstructor;
         default: string;
     };
+    items: {
+        type: StringConstructor;
+    };
     /**
      * @props { Boolean, String } border=true ( )
      * 是否需要边框，边框颜色

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

@@ -1,3 +1,4 @@
+const name = "list";
 const dataProps = {
   /**
    * @props { Object } options={}
@@ -88,6 +89,9 @@ const dataProps = {
     type: String,
     default: "center"
   },
+  items: {
+    type: String
+  },
   /**
    * @props { Boolean, String } border=true ( )
    * 是否需要边框，边框颜色
@@ -137,5 +141,6 @@ const dataExpose = [];
 export {
   dataEmits,
   dataExpose,
-  dataProps
+  dataProps,
+  name
 };

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

@@ -5,7 +5,8 @@ const util = require("./util.cjs");
 const css = require("../../common/css.cjs");
 const use = require("../../common/use.cjs");
 const compons = require("../../common/compons.cjs");
-const index = require("../../../hooks/cssname/index.cjs");
+const index$1 = require("../../../hooks/cssname/index.cjs");
+const index = require("../../../hooks/props-default/index.cjs");
 const data = require("./data.cjs");
 require("../../tables/common/img.cjs");
 const img_vue_vue_type_script_setup_true_lang = require("../../tables/common/img2.cjs");
@@ -13,13 +14,16 @@ const Components = {
   Img: img_vue_vue_type_script_setup_true_lang.default
 };
 const _sfc_main = vue.defineComponent({
+  name: data.name,
   emits: data.dataEmits,
   components: Components,
   expose: data.dataExpose,
-  props: data.dataProps,
-  setup(props, { emit, slots }) {
+  props: index.getProps(data.dataProps),
+  setup(prs, { emit, slots }) {
+    const props = index.usePropsDefault(data.name, prs, data.dataProps);
+    index.viewProps(props, data.name);
     const compons$1 = compons.getCompons(props.compons);
-    const cs = index.useCssName("list");
+    const cs = index$1.useCssName(data.name);
     const isfocus = vue.ref(false);
     const rowObj = vue.ref();
     const borderColor = vue.computed(() => {
@@ -31,7 +35,7 @@ const _sfc_main = vue.defineComponent({
       }
     });
     function isComponSelected(obj) {
-      if (use.uesObjComponSelected(obj, props)) {
+      if (use.useObjComponSelected(obj, props)) {
         if (rowObj.value == obj) {
           if (isfocus.value) {
             return true;
@@ -137,7 +141,7 @@ const _sfc_main = vue.defineComponent({
         {
           style: {
             width: obj.labelWidth || props.labelWidth,
-            textAlign: obj.align || props.labelAlign || props.align
+            textAlign: obj.labelAlign ?? props.labelAlign ?? props.align
           },
           class: [
             cs.z("table-th"),
@@ -146,6 +150,9 @@ const _sfc_main = vue.defineComponent({
               "width",
               Boolean(obj.labelWidth || props.labelWidth)
             ),
+            "items" + (obj.labelItems ?? props.labelItems ?? props.items),
+            "align" + (obj.labelAlign ?? props.labelAlign ?? props.align),
+            obj.labelClass ?? "",
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
@@ -160,7 +167,10 @@ const _sfc_main = vue.defineComponent({
           vue.h(
             "span",
             {
-              class: cs.z("table-label")
+              class: cs.z("table-label"),
+              style: {
+                width: obj.labelWidth || props.labelWidth
+              }
             },
             [
               util.setLabel(
@@ -224,6 +234,8 @@ const _sfc_main = vue.defineComponent({
           class: [
             cs.z("table-td"),
             cs.is("whole", obj.whole),
+            "items" + (obj.items ?? props.items),
+            "align" + (obj.align ?? props.align),
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
@@ -255,10 +267,12 @@ const _sfc_main = vue.defineComponent({
               vue.h(
                 "div",
                 {
-                  class: cs.z("table-auto"),
-                  style: {
-                    alignItems: obj.labelItems || props.labelItems
-                  }
+                  class: [cs.z("table-auto")]
+                  // style: {
+                  // 	alignItems:
+                  // 		obj.labelItems ||
+                  // 		props.labelItems,
+                  // },
                 },
                 arr
               )

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

@@ -1,23 +1,27 @@
 import { defineComponent, ref, computed, h, onMounted } from "vue";
 import { setLabel, setSslot } from "./util.js";
 import { setStyles } from "../../common/css.js";
-import { uesObjComponSelected, useHide } from "../../common/use.js";
+import { useObjComponSelected, useHide } from "../../common/use.js";
 import { getCompons } from "../../common/compons.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import { dataProps, dataExpose, dataEmits } from "./data.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import "../../tables/common/img.js";
 import _sfc_main$1 from "../../tables/common/img2.js";
 const Components = {
   Img: _sfc_main$1
 };
 const _sfc_main = defineComponent({
+  name,
   emits: dataEmits,
   components: Components,
   expose: dataExpose,
-  props: dataProps,
-  setup(props, { emit, slots }) {
+  props: getProps(dataProps),
+  setup(prs, { emit, slots }) {
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const compons = getCompons(props.compons);
-    const cs = useCssName("list");
+    const cs = useCssName(name);
     const isfocus = ref(false);
     const rowObj = ref();
     const borderColor = computed(() => {
@@ -29,7 +33,7 @@ const _sfc_main = defineComponent({
       }
     });
     function isComponSelected(obj) {
-      if (uesObjComponSelected(obj, props)) {
+      if (useObjComponSelected(obj, props)) {
         if (rowObj.value == obj) {
           if (isfocus.value) {
             return true;
@@ -135,7 +139,7 @@ const _sfc_main = defineComponent({
         {
           style: {
             width: obj.labelWidth || props.labelWidth,
-            textAlign: obj.align || props.labelAlign || props.align
+            textAlign: obj.labelAlign ?? props.labelAlign ?? props.align
           },
           class: [
             cs.z("table-th"),
@@ -144,6 +148,9 @@ const _sfc_main = defineComponent({
               "width",
               Boolean(obj.labelWidth || props.labelWidth)
             ),
+            "items" + (obj.labelItems ?? props.labelItems ?? props.items),
+            "align" + (obj.labelAlign ?? props.labelAlign ?? props.align),
+            obj.labelClass ?? "",
             obj.class ?? ""
           ].join(" "),
           colspan: props.labelPosition == "top" ? setColspan(obj) : void 0,
@@ -158,7 +165,10 @@ const _sfc_main = defineComponent({
           h(
             "span",
             {
-              class: cs.z("table-label")
+              class: cs.z("table-label"),
+              style: {
+                width: obj.labelWidth || props.labelWidth
+              }
             },
             [
               setLabel(
@@ -222,6 +232,8 @@ const _sfc_main = defineComponent({
           class: [
             cs.z("table-td"),
             cs.is("whole", obj.whole),
+            "items" + (obj.items ?? props.items),
+            "align" + (obj.align ?? props.align),
             obj.class ?? ""
           ].join(" "),
           colspan: setColspan(obj),
@@ -253,10 +265,12 @@ const _sfc_main = defineComponent({
               h(
                 "div",
                 {
-                  class: cs.z("table-auto"),
-                  style: {
-                    alignItems: obj.labelItems || props.labelItems
-                  }
+                  class: [cs.z("table-auto")]
+                  // style: {
+                  // 	alignItems:
+                  // 		obj.labelItems ||
+                  // 		props.labelItems,
+                  // },
                 },
                 arr
               )

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const name = "lists";
 const dataProps = {
   /**
    * @props { Object } defaultSort 排序
@@ -134,3 +135,4 @@ exports.dataEmits = dataEmits;
 exports.dataExpose = dataExpose;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -4,8 +4,9 @@ export type DefaultSort = {
     order: 'ascending' | 'descending';
 };
 /**
- * @title Lists
+ * @title {h3} lists
  */
+export declare const name = "lists";
 export declare const dataProps: {
     /**
      * @props { Object } defaultSort 排序

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

@@ -1,3 +1,4 @@
+const name = "lists";
 const dataProps = {
   /**
    * @props { Object } defaultSort 排序
@@ -132,5 +133,6 @@ export {
   dataEmits,
   dataExpose,
   dataProps,
-  dataSlot
+  dataSlot,
+  name
 };

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

@@ -2,27 +2,30 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const data = require("./data.cjs");
-const index$3 = require("../../card/index.cjs");
+const index$4 = require("../../card/index.cjs");
 require("../../loading/index.cjs");
-const index$5 = require("../../no-data/index.cjs");
+const index$6 = require("../../no-data/index.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$4 = require("../../list/index.cjs");
+const index$5 = require("../../list/index.cjs");
 require("../../../utils/css.cjs");
+const index$3 = require("../../../hooks/props-default/index.cjs");
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
-const index$6 = require("element-plus/es/components/loading/index");
+const index$7 = require("element-plus/es/components/loading/index");
 const _hoisted_1 = ["onClick"];
 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 slots = vue.useSlots();
-    const attrs = index.useInherit(vue.useAttrs());
+    const attrs = index.useInherit(vue.useAttrs(), data.name);
     const { getLocale } = index$1.useLocale();
-    const cs = index$2.useCssName("lists");
-    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 header = vue.ref([]);
     const footer = vue.ref([]);
@@ -149,20 +152,20 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
         class: vue.unref(cs).z(),
         style: vue.unref(cs).vdo({
-          interval: props.interval
+          interval: vue.unref(props).interval
         })
       }, vue.unref(attrs).root), [
         vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass([
             vue.unref(cs).z("list"),
-            vue.unref(cs).is("absolute", props.adaptive),
-            vue.unref(cs).zis("list", "column", props.rowColumn > 1)
+            vue.unref(cs).is("absolute", vue.unref(props).adaptive),
+            vue.unref(cs).zis("list", "column", vue.unref(props).rowColumn > 1)
           ]),
           style: vue.normalizeStyle({
-            height: props.height
+            height: vue.unref(props).height
           })
         }, [
-          props.value && props.value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(props.value, (item, index2) => {
+          vue.unref(props).value && vue.unref(props).value.length > 0 ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, { key: 0 }, vue.renderList(vue.unref(props).value, (item, index2) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass([
                 vue.unref(cs).z("list-item"),
@@ -176,19 +179,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 config: vue.unref(attrs).assem,
                 value: item,
                 index: index2,
-                list: props.list,
+                list: vue.unref(props).list,
                 active: rows.value === item,
                 selected: selections.value.includes(item),
-                options: props.options,
-                compons: props.compons
+                options: vue.unref(props).options,
+                compons: vue.unref(props).compons
               }, () => [
-                vue.createVNode(vue.unref(index$3.Card), null, vue.createSlots({
+                vue.createVNode(vue.unref(index$4.Card), null, vue.createSlots({
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$4.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                    vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
                       value: item,
                       list: setListValue(dataList.value, index2),
-                      options: props.options,
-                      compons: props.compons
+                      options: vue.unref(props).options,
+                      compons: vue.unref(props).compons
                     }), vue.createSlots({ _: 2 }, [
                       vue.renderList(Object.keys(vue.unref(slots)).filter(
                         (v) => !["no-data"].includes(v)
@@ -207,11 +210,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   header.value.length > 0 ? {
                     name: "header",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$4.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                      vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
                         value: item,
                         list: setListValue(header.value, index2),
-                        options: props.options,
-                        compons: props.compons
+                        options: vue.unref(props).options,
+                        compons: vue.unref(props).compons
                       }), vue.createSlots({ _: 2 }, [
                         vue.renderList(Object.keys(vue.unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
@@ -230,11 +233,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   footer.value.length > 0 ? {
                     name: "footer",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$4.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                      vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
                         value: item,
                         list: setListValue(footer.value, index2),
-                        options: props.options,
-                        compons: props.compons
+                        options: vue.unref(props).options,
+                        compons: vue.unref(props).compons
                       }), vue.createSlots({ _: 2 }, [
                         vue.renderList(Object.keys(vue.unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
@@ -254,10 +257,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               ])
             ], 14, _hoisted_1);
           }), 256)) : vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).noData, { key: 1 }, () => [
-            vue.createVNode(vue.unref(index$5.NoData))
+            vue.createVNode(vue.unref(index$6.NoData))
           ])
         ], 6)), [
-          [vue.unref(index$6.vLoading), props.loading]
+          [vue.unref(index$7.vLoading), vue.unref(props).loading]
         ])
       ], 16);
     };

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

@@ -1,5 +1,5 @@
 import { defineComponent, useSlots, useAttrs, ref, watch, createElementBlock, openBlock, mergeProps, unref, withDirectives, normalizeStyle, normalizeClass, renderSlot, Fragment, renderList, createVNode, createSlots, withCtx } from "vue";
-import { dataExpose, dataSlot, dataEmits, dataProps } from "./data.js";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
 import { Card } from "../../card/index.js";
 import "../../loading/index.js";
 import { NoData } from "../../no-data/index.js";
@@ -8,19 +8,22 @@ import { useLocale } from "../../../hooks/locale/index.js";
 import { useInherit } from "../../../hooks/inherit/index.js";
 import { List } from "../../list/index.js";
 import "../../../utils/css.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { vLoading } from "element-plus/es/components/loading/index";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
-  props: dataProps,
+  props: getProps(dataProps),
   emits: dataEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const slots = useSlots();
-    const attrs = useInherit(useAttrs());
+    const attrs = useInherit(useAttrs(), name);
     const { getLocale } = useLocale();
-    const cs = useCssName("lists");
-    const props = __props;
+    const cs = useCssName(name);
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
     const emit = __emit;
     const header = ref([]);
     const footer = ref([]);
@@ -147,20 +150,20 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({
         class: unref(cs).z(),
         style: unref(cs).vdo({
-          interval: props.interval
+          interval: unref(props).interval
         })
       }, unref(attrs).root), [
         withDirectives((openBlock(), createElementBlock("div", {
           class: normalizeClass([
             unref(cs).z("list"),
-            unref(cs).is("absolute", props.adaptive),
-            unref(cs).zis("list", "column", props.rowColumn > 1)
+            unref(cs).is("absolute", unref(props).adaptive),
+            unref(cs).zis("list", "column", unref(props).rowColumn > 1)
           ]),
           style: normalizeStyle({
-            height: props.height
+            height: unref(props).height
           })
         }, [
-          props.value && props.value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(props.value, (item, index) => {
+          unref(props).value && unref(props).value.length > 0 ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(props).value, (item, index) => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass([
                 unref(cs).z("list-item"),
@@ -174,19 +177,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 config: unref(attrs).assem,
                 value: item,
                 index,
-                list: props.list,
+                list: unref(props).list,
                 active: rows.value === item,
                 selected: selections.value.includes(item),
-                options: props.options,
-                compons: props.compons
+                options: unref(props).options,
+                compons: unref(props).compons
               }, () => [
                 createVNode(unref(Card), null, createSlots({
                   default: withCtx(() => [
                     createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
                       value: item,
                       list: setListValue(dataList.value, index),
-                      options: props.options,
-                      compons: props.compons
+                      options: unref(props).options,
+                      compons: unref(props).compons
                     }), createSlots({ _: 2 }, [
                       renderList(Object.keys(unref(slots)).filter(
                         (v) => !["no-data"].includes(v)
@@ -208,8 +211,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
                         value: item,
                         list: setListValue(header.value, index),
-                        options: props.options,
-                        compons: props.compons
+                        options: unref(props).options,
+                        compons: unref(props).compons
                       }), createSlots({ _: 2 }, [
                         renderList(Object.keys(unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
@@ -231,8 +234,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
                         value: item,
                         list: setListValue(footer.value, index),
-                        options: props.options,
-                        compons: props.compons
+                        options: unref(props).options,
+                        compons: unref(props).compons
                       }), createSlots({ _: 2 }, [
                         renderList(Object.keys(unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
@@ -255,7 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(unref(NoData))
           ])
         ], 6)), [
-          [unref(vLoading), props.loading]
+          [unref(vLoading), unref(props).loading]
         ])
       ], 16);
     };

package/dist/components/listsp/index.css

@@ -51,8 +51,12 @@
 }
 
 .paging {
+  width: 100%;
   padding: 10px;
 }
+.paging-pagination {
+  width: 100%;
+}
 .paging-slot {
   padding-left: 10px;
   font-size: 14px;

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

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

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

@@ -3,6 +3,10 @@ import { ExtractPublicPropTypes } from 'vue';
  * @title {h2} TablesPagin 输入框
  * @text 目前完全继承 element-plus 中 el-tables-pagin
  */
+/**
+ * @title {h3}
+ */
+export declare const name = "listsp";
 export declare const dataProps: {};
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: never[];

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

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