@fangzhongya/fang-ui 0.1.26 → 0.1.28

package/dist/components/common/compons/components.cjs

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const vue = require("vue");
+const Array = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../array/index.cjs")));
+const Check = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../checks/index.cjs")));
+const Select = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../selects/index.cjs")));
+const Date = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates/index.cjs")));
+const Input = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../inputs/index.cjs")));
+const Labels = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../labels/index.cjs")));
+const Switch = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../switchs/index.cjs")));
+const Buttons = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../buttons/index.cjs")));
+const DateDivide = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates-divide/index.cjs")));
+const DatePicker = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../dates-picker/index.cjs")));
+const EditFloat = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../edit-float/index.cjs")));
+const Edit = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../edit/index.cjs")));
+const History = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../history/index.cjs")));
+const Images = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../images/index.cjs")));
+const InputArray = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-array/index.cjs")));
+const InputHistory = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-history/index.cjs")));
+const InputSelect = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-select/index.cjs")));
+const SelectScroll = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../select-scroll/index.cjs")));
+const Selector = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../selector/index.cjs")));
+const Cascader = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../cascaders/index.cjs")));
+const InputNum = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../input-num/index.cjs")));
+const Text = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../texts/index.cjs")));
+const Upload = vue.defineAsyncComponent(() => Promise.resolve().then(() => require("../../uploads/index.cjs")));
+const components = {
+  Array,
+  Check,
+  Select,
+  Date,
+  Input,
+  Labels,
+  Switch,
+  Buttons,
+  DateDivide,
+  DatePicker,
+  EditFloat,
+  Edit,
+  History,
+  Images,
+  InputArray,
+  InputHistory,
+  InputSelect,
+  SelectScroll,
+  Selector,
+  Cascader,
+  InputNum,
+  Text,
+  Upload
+};
+exports.components = components;

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

@@ -0,0 +1,27 @@
+import { SFCWithInstall } from '../../../utils/vues';
+import { DefineComponent } from 'vue';
+export declare const components: {
+    Array: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Check: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Select: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Date: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Input: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Labels: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Switch: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Buttons: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    DateDivide: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    DatePicker: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    EditFloat: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Edit: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    History: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Images: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputArray: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputHistory: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputSelect: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    SelectScroll: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Selector: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Cascader: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    InputNum: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Text: SFCWithInstall<DefineComponent<{}, {}, any>>;
+    Upload: SFCWithInstall<DefineComponent<{}, {}, any>>;
+};

package/dist/components/common/compons/components.js

@@ -0,0 +1,52 @@
+import { defineAsyncComponent } from "vue";
+const Array = defineAsyncComponent(() => import("../../array/index.js"));
+const Check = defineAsyncComponent(() => import("../../checks/index.js"));
+const Select = defineAsyncComponent(() => import("../../selects/index.js"));
+const Date = defineAsyncComponent(() => import("../../dates/index.js"));
+const Input = defineAsyncComponent(() => import("../../inputs/index.js"));
+const Labels = defineAsyncComponent(() => import("../../labels/index.js"));
+const Switch = defineAsyncComponent(() => import("../../switchs/index.js"));
+const Buttons = defineAsyncComponent(() => import("../../buttons/index.js"));
+const DateDivide = defineAsyncComponent(() => import("../../dates-divide/index.js"));
+const DatePicker = defineAsyncComponent(() => import("../../dates-picker/index.js"));
+const EditFloat = defineAsyncComponent(() => import("../../edit-float/index.js"));
+const Edit = defineAsyncComponent(() => import("../../edit/index.js"));
+const History = defineAsyncComponent(() => import("../../history/index.js"));
+const Images = defineAsyncComponent(() => import("../../images/index.js"));
+const InputArray = defineAsyncComponent(() => import("../../input-array/index.js"));
+const InputHistory = defineAsyncComponent(() => import("../../input-history/index.js"));
+const InputSelect = defineAsyncComponent(() => import("../../input-select/index.js"));
+const SelectScroll = defineAsyncComponent(() => import("../../select-scroll/index.js"));
+const Selector = defineAsyncComponent(() => import("../../selector/index.js"));
+const Cascader = defineAsyncComponent(() => import("../../cascaders/index.js"));
+const InputNum = defineAsyncComponent(() => import("../../input-num/index.js"));
+const Text = defineAsyncComponent(() => import("../../texts/index.js"));
+const Upload = defineAsyncComponent(() => import("../../uploads/index.js"));
+const components = {
+  Array,
+  Check,
+  Select,
+  Date,
+  Input,
+  Labels,
+  Switch,
+  Buttons,
+  DateDivide,
+  DatePicker,
+  EditFloat,
+  Edit,
+  History,
+  Images,
+  InputArray,
+  InputHistory,
+  InputSelect,
+  SelectScroll,
+  Selector,
+  Cascader,
+  InputNum,
+  Text,
+  Upload
+};
+export {
+  components
+};

package/dist/components/common/compons/index.scss

@@ -0,0 +1,23 @@
+@use '../../array/index.scss' as *;
+@use '../../checks/index.scss' as *;
+@use '../../selects/index.scss' as *;
+@use '../../dates/index.scss' as *;
+@use '../../inputs/index.scss' as *;
+@use '../../labels/index.scss' as *;
+@use '../../switchs/index.scss' as *;
+@use '../../buttons/index.scss' as *;
+@use '../../dates-divide/index.scss' as *;
+@use '../../dates-picker/index.scss' as *;
+@use '../../edit-float/index.scss' as *;
+@use '../../edit/index.scss' as *;
+@use '../../history/index.scss' as *;
+@use '../../images/index.scss' as *;
+@use '../../input-array/index.scss' as *;
+@use '../../input-history/index.scss' as *;
+@use '../../input-select/index.scss' as *;
+@use '../../select-scroll/index.scss' as *;
+@use '../../selector/index.scss' as *;
+@use '../../cascaders/index.scss' as *;
+@use '../../input-num/index.scss' as *;
+@use '../../texts/index.scss' as *;
+@use '../../uploads/index.scss' as *;

package/dist/components/common/compons/index2.scss

@@ -0,0 +1,23 @@
+@use '../../array/style/index2.scss' as *;
+@use '../../checks/style/index2.scss' as *;
+@use '../../selects/style/index2.scss' as *;
+@use '../../dates/style/index2.scss' as *;
+@use '../../inputs/style/index2.scss' as *;
+@use '../../labels/style/index2.scss' as *;
+@use '../../switchs/style/index2.scss' as *;
+@use '../../buttons/style/index2.scss' as *;
+@use '../../dates-divide/style/index2.scss' as *;
+@use '../../dates-picker/style/index2.scss' as *;
+@use '../../edit-float/style/index2.scss' as *;
+@use '../../edit/style/index2.scss' as *;
+@use '../../history/style/index2.scss' as *;
+@use '../../images/style/index2.scss' as *;
+@use '../../input-array/style/index2.scss' as *;
+@use '../../input-history/style/index2.scss' as *;
+@use '../../input-select/style/index2.scss' as *;
+@use '../../select-scroll/style/index2.scss' as *;
+@use '../../selector/style/index2.scss' as *;
+@use '../../cascaders/style/index2.scss' as *;
+@use '../../input-num/style/index2.scss' as *;
+@use '../../texts/style/index2.scss' as *;
+@use '../../uploads/style/index2.scss' as *;

package/dist/components/common/use.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const vue = require("vue");
+const shared = require("@vue/shared");
 require("../../utils/index.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const util = require("../../utils/util.cjs");
@@ -227,9 +228,13 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   const compon = obj.compon;
   const tcom = lineToLargeHump.lineToLargeHump(compon);
   if (Object.keys(compons).includes(tcom)) {
-    return vue.h(compons[tcom], componObj);
+    return vue.h(compons[tcom], componObj, value);
   } else {
-    return vue.h(vue.resolveComponent(compon), componObj);
+    if (shared.isHTMLTag(compon) || shared.isSVGTag(compon)) {
+      return vue.h(compon, componObj, value);
+    } else {
+      return vue.h(vue.resolveComponent(compon), componObj);
+    }
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -315,7 +320,28 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
   if (label) {
     if (isObject.isObject(label)) {
       if (isArray.isArray(label)) {
-        return label;
+        return vue.h(
+          "div",
+          {
+            class: "com-lable-array"
+          },
+          label.map((v) => {
+            if (typeof v === "string") {
+              v = {
+                value: v,
+                compon: "div"
+              };
+            }
+            return useSetCompon(
+              v,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+          })
+        );
       } else {
         label = Object.assign({}, obj, label);
         const slot = useSetSlot(label, data, slots, index);

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

@@ -11,11 +11,11 @@ type Compons = {
     [key: string]: Component;
 };
 export declare function useSetSlot(obj: ListObj, data: ObjAny, slots: ObjAny, index?: number, scope?: ObjAny): any;
-export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): VNode<RendererNode, RendererElement, {
+export declare function useSetCompon(obj: ListObj, data: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index?: number, scope?: ObjAny): VNode< RendererNode, RendererElement, {
     [key: string]: any;
 }> | 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 const useGetDomLabel: (label: string | ListObj | undefined, obj: ListObj, data: ObjAny, slots: ObjAny, optionss: ObjAny, compons: Compons, emit: Function, index: number) => string | VNode;
 export declare function useObjComponSelected(obj: ListObj, props: ObjAny): any;
 export declare function usePropsDefault(props: any, keyObj: {
     [key: string]: () => any;

package/dist/components/common/use.js

@@ -1,4 +1,5 @@
 import { h, resolveComponent, computed, useAttrs } from "vue";
+import { isHTMLTag, isSVGTag } from "@vue/shared";
 import "../../utils/index.js";
 import { isObject } from "@fangzhongya/utils/basic/object/isObject";
 import { getFathers, getChildrenData } from "../../utils/util.js";
@@ -225,9 +226,13 @@ function setComponString(value, obj, componObj, data, optionss, compons) {
   const compon = obj.compon;
   const tcom = lineToLargeHump(compon);
   if (Object.keys(compons).includes(tcom)) {
-    return h(compons[tcom], componObj);
+    return h(compons[tcom], componObj, value);
   } else {
-    return h(resolveComponent(compon), componObj);
+    if (isHTMLTag(compon) || isSVGTag(compon)) {
+      return h(compon, componObj, value);
+    } else {
+      return h(resolveComponent(compon), componObj);
+    }
   }
 }
 function getOnObjs(obj, data, emit, ...arrs) {
@@ -313,7 +318,28 @@ const useGetDomLabel = (label, obj, data, slots, optionss, compons, emit, index)
   if (label) {
     if (isObject(label)) {
       if (isArray(label)) {
-        return label;
+        return h(
+          "div",
+          {
+            class: "com-lable-array"
+          },
+          label.map((v) => {
+            if (typeof v === "string") {
+              v = {
+                value: v,
+                compon: "div"
+              };
+            }
+            return useSetCompon(
+              v,
+              data,
+              optionss,
+              compons,
+              emit,
+              index
+            );
+          })
+        );
       } else {
         label = Object.assign({}, obj, label);
         const slot = useSetSlot(label, data, slots, index);

package/dist/components/dates/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dates .dates-date {
   height: 100%;
   width: 100%;

package/dist/components/dates-divide/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dates-divide {
   display: inline-flex;
   align-items: center;

package/dist/components/dates-picker/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dates2 .dates2-date {
   height: 100%;
   width: 100%;

package/dist/components/dates2/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dates-divide {
   display: inline-flex;
   align-items: center;

package/dist/components/dialogs/index.css

@@ -12,6 +12,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .dialogs.el-dialog {
   padding: 0;
 }

package/dist/components/draggable/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+;/* empty css                   */
+require("./src/index.cjs");
+const withInstall = require("../../utils/vues/withInstall.cjs");
+const index_vue_vue_type_script_setup_true_lang = require("./src/index2.cjs");
+const Draggable = withInstall.withInstall(index_vue_vue_type_script_setup_true_lang.default, "Draggable");
+exports.Draggable = Draggable;
+exports.default = Draggable;

package/dist/components/draggable/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/vues';
+import { DefineComponent } from 'vue';
+declare const Draggable: SFCWithInstall<DefineComponent<{}, {}, any>>;
+export { Draggable, Draggable as default };

package/dist/components/draggable/index.js

@@ -0,0 +1,9 @@
+/* empty css                 */
+import "./src/index.js";
+import { withInstall } from "../../utils/vues/withInstall.js";
+import _sfc_main from "./src/index2.js";
+const Draggable = withInstall(_sfc_main, "Draggable");
+export {
+  Draggable,
+  Draggable as default
+};

package/dist/components/draggable/index.scss

@@ -0,0 +1,5 @@
+@use '../scss/common.scss' as *;
+
+$draggable: 'draggable';
+@include b($draggable) {
+}

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "draggable";
+const dataProps = buildProps.buildProps({
+  modelValue: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { String } handle= ( )
+   * 拖拽的地方
+   */
+  handle: {
+    type: String
+  },
+  itemKey: {
+    type: [String, Function]
+  }
+});
+const dataEmits = ["update:modelValue", "start", "end"];
+const dataSlot = {
+  default: "default",
+  item: "item",
+  footer: "footer",
+  header: "header"
+};
+const dataExpose = {
+  name
+};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -0,0 +1,60 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} Draggable
+ * @text draggable
+ */
+export declare const name = "draggable";
+export declare const dataProps: {
+    modelValue: {
+        type: {
+            (arrayLength: number): ObjAny[];
+            (...items: ObjAny[]): ObjAny[];
+            new (arrayLength: number): ObjAny[];
+            new (...items: ObjAny[]): ObjAny[];
+            isArray(arg: any): arg is any[];
+            readonly prototype: any[];
+            from<T>(arrayLike: ArrayLike<T>): T[];
+            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
+            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
+            of<T>(...items: T[]): T[];
+            fromAsync<T>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T | PromiseLike<T>> | ArrayLike<T | PromiseLike<T>>): Promise<T[]>;
+            fromAsync<T, U>(iterableOrArrayLike: AsyncIterable<T> | Iterable<T> | ArrayLike<T>, mapFn: (value: Awaited<T>, index: number) => U, thisArg?: any): Promise<Awaited<U>[]>;
+            readonly [Symbol.species]: ArrayConstructor;
+        };
+        default(): never[];
+    };
+    /**
+     * @props { String } handle= ( )
+     * 拖拽的地方
+     */
+    handle: {
+        type: StringConstructor;
+    };
+    itemKey: {
+        type: (StringConstructor | FunctionConstructor)[];
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ * @emits change (val:[String, Array])
+ * 选择的时间
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ * @slot default 默认插槽
+ */
+export declare const dataSlot: {
+    default: string;
+    item: string;
+    footer: string;
+    header: string;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -0,0 +1,37 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "draggable";
+const dataProps = buildProps({
+  modelValue: {
+    type: Array,
+    default() {
+      return [];
+    }
+  },
+  /**
+   * @props { String } handle= ( )
+   * 拖拽的地方
+   */
+  handle: {
+    type: String
+  },
+  itemKey: {
+    type: [String, Function]
+  }
+});
+const dataEmits = ["update:modelValue", "start", "end"];
+const dataSlot = {
+  default: "default",
+  item: "item",
+  footer: "footer",
+  header: "header"
+};
+const dataExpose = {
+  name
+};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

package/dist/components/draggable/src/index.cjs

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/draggable/src/index.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index2.js";
+export {
+  _sfc_main as default
+};