@fangzhongya/fang-ui 0.1.26 → 0.1.28

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

@@ -0,0 +1,101 @@
+"use strict";
+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/locale/index.cjs");
+const index$3 = require("../../../directives/sortable/index.cjs");
+const index$2 = require("../../../hooks/props-default/index.cjs");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "index",
+  props: index$2.getProps(data.dataProps),
+  emits: data.dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = index.useCssName(data.name);
+    const { getLocale } = index$1.useLocale();
+    const prs = __props;
+    const props = index$2.usePropsDefault(data.name, prs, data.dataProps);
+    index$2.viewProps(props, data.name);
+    const emit = __emit;
+    function safeStringify(obj, space = 2) {
+      const seen = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(
+        obj,
+        (key, value2) => {
+          if (typeof value2 === "object" && value2 !== null) {
+            if (seen.has(value2)) {
+              return "[Circular]";
+            }
+            seen.add(value2);
+          }
+          return value2;
+        },
+        space
+      );
+    }
+    const getKey = (item, index2) => {
+      if (props.itemKey) {
+        if (typeof props.itemKey == "string") {
+          return item[props.itemKey] ?? index2;
+        } else {
+          const v = props.itemKey(item, index2) ?? index2;
+          if (typeof v === "object") {
+            return safeStringify(v);
+          } else {
+            return v;
+          }
+        }
+      }
+      return index2;
+    };
+    const onEnd = (obj) => {
+      const { oldIndex, newIndex } = obj;
+      if (oldIndex === newIndex) return;
+      const movedItem = value.value.splice(oldIndex, 1)[0];
+      value.value.splice(newIndex, 0, movedItem);
+      emit("update:modelValue", value.value);
+      emit("end", obj);
+    };
+    const onStart = (obj) => {
+      emit("start", obj);
+    };
+    const sortable = vue.computed(() => {
+      return {
+        handle: props.handle,
+        onStart,
+        onEnd
+      };
+    });
+    const value = vue.computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    __expose({
+      ...data.dataExpose
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(cs).z())
+      }, [
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).header),
+        vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", null, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(value.value, (item, index2) => {
+            return vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).item, {
+              key: getKey(item, index2),
+              element: item,
+              index: index2
+            });
+          }), 128))
+        ])), [
+          [vue.unref(index$3.default), sortable.value]
+        ]),
+        vue.renderSlot(_ctx.$slots, vue.unref(data.dataSlot).footer)
+      ], 2);
+    };
+  }
+});
+exports.default = _sfc_main;

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

@@ -0,0 +1,101 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot, withDirectives, Fragment, renderList } from "vue";
+import { name, dataProps, dataExpose, dataSlot, dataEmits } from "./data.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { useLocale } from "../../../hooks/locale/index.js";
+import vSortable from "../../../directives/sortable/index.js";
+import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: getProps(dataProps),
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName(name);
+    const { getLocale } = useLocale();
+    const prs = __props;
+    const props = usePropsDefault(name, prs, dataProps);
+    viewProps(props, name);
+    const emit = __emit;
+    function safeStringify(obj, space = 2) {
+      const seen = /* @__PURE__ */ new WeakSet();
+      return JSON.stringify(
+        obj,
+        (key, value2) => {
+          if (typeof value2 === "object" && value2 !== null) {
+            if (seen.has(value2)) {
+              return "[Circular]";
+            }
+            seen.add(value2);
+          }
+          return value2;
+        },
+        space
+      );
+    }
+    const getKey = (item, index) => {
+      if (props.itemKey) {
+        if (typeof props.itemKey == "string") {
+          return item[props.itemKey] ?? index;
+        } else {
+          const v = props.itemKey(item, index) ?? index;
+          if (typeof v === "object") {
+            return safeStringify(v);
+          } else {
+            return v;
+          }
+        }
+      }
+      return index;
+    };
+    const onEnd = (obj) => {
+      const { oldIndex, newIndex } = obj;
+      if (oldIndex === newIndex) return;
+      const movedItem = value.value.splice(oldIndex, 1)[0];
+      value.value.splice(newIndex, 0, movedItem);
+      emit("update:modelValue", value.value);
+      emit("end", obj);
+    };
+    const onStart = (obj) => {
+      emit("start", obj);
+    };
+    const sortable = computed(() => {
+      return {
+        handle: props.handle,
+        onStart,
+        onEnd
+      };
+    });
+    const value = computed({
+      get() {
+        return props.modelValue;
+      },
+      set(value2) {
+        emit("update:modelValue", value2);
+      }
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(cs).z())
+      }, [
+        renderSlot(_ctx.$slots, unref(dataSlot).header),
+        withDirectives((openBlock(), createElementBlock("div", null, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(value.value, (item, index) => {
+            return renderSlot(_ctx.$slots, unref(dataSlot).item, {
+              key: getKey(item, index),
+              element: item,
+              index
+            });
+          }), 128))
+        ])), [
+          [unref(vSortable), sortable.value]
+        ]),
+        renderSlot(_ctx.$slots, unref(dataSlot).footer)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/edit/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;
+}
+
 .edit {
   display: inline-flex;
   align-items: center;

package/dist/components/edit-float/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;
+}
+
 .edit-float-body {
   display: inline-flex;
   align-items: center;

package/dist/components/forms/common/config.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const provides = {
+  compons: "form",
+  form: "form-form"
+};
+const changes = [
+  "Select",
+  "Date",
+  "Array",
+  "Check",
+  "Labels",
+  "Switch",
+  "Cascader"
+];
+exports.changes = changes;
+exports.provides = provides;

package/dist/components/forms/common/config.d.ts

@@ -0,0 +1,5 @@
+export declare const provides: {
+    compons: string;
+    form: string;
+};
+export declare const changes: string[];

package/dist/components/forms/common/config.js

@@ -0,0 +1,17 @@
+const provides = {
+  compons: "form",
+  form: "form-form"
+};
+const changes = [
+  "Select",
+  "Date",
+  "Array",
+  "Check",
+  "Labels",
+  "Switch",
+  "Cascader"
+];
+export {
+  changes,
+  provides
+};

package/dist/components/forms/index.css

@@ -13,6 +13,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;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;
@@ -101,12 +110,6 @@
   font-size: 0;
 }
 
-.dates .dates-date {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
 .selects-select {
   height: 100%;
   min-width: 60px;
@@ -116,6 +119,12 @@
   height: 100%;
 }
 
+.dates .dates-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .inputs-input {
   height: 100%;
 }

package/dist/components/forms/index.scss

@@ -1,8 +1,9 @@
 @use '../scss/common.scss' as *;
 @use '../forms-div/index.scss' as *;
 @use '../forms-item/index.scss' as *;
+@use '../forms-items/index.scss' as *;
 
-@use '../common/compons.scss' as *;
+@use '../common/compons/index.scss' as *;
 
 $forms: 'forms';
 @include b($forms) {

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

@@ -2,10 +2,6 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const urls = require("../../common/urls.cjs");
 const name = "forms";
-const provides = {
-  compons: "form-compons",
-  form: "form-form"
-};
 const dataProps = {
   ...urls.props,
   /**
@@ -43,6 +39,13 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons=true 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean,
+    default: true
+  },
   /**
    * @props { Object } compons
    * 外部组件集合
@@ -231,4 +234,3 @@ exports.dataHandle = dataHandle;
 exports.dataProps = dataProps;
 exports.dataSlot = dataSlot;
 exports.name = name;
-exports.provides = provides;

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

@@ -4,10 +4,6 @@ import { comHandle } from '../../common/urls';
  * @title {h3} forms
  */
 export declare const name = "forms";
-export declare const provides: {
-    compons: string;
-    form: string;
-};
 /**
  * 组件属性
  */
@@ -58,6 +54,13 @@ export declare const dataProps: {
         type: ObjectConstructor;
         default(): {};
     };
+    /**
+     * @props { Boolean } isCompons=true 是否使用默认的配置
+     */
+    isCompons: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * @props { Object } compons
      * 外部组件集合

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

@@ -1,9 +1,5 @@
 import { props, comHandle } from "../../common/urls.js";
 const name = "forms";
-const provides = {
-  compons: "form-compons",
-  form: "form-form"
-};
 const dataProps = {
   ...props,
   /**
@@ -41,6 +37,13 @@ const dataProps = {
       return {};
     }
   },
+  /**
+   * @props { Boolean } isCompons=true 是否使用默认的配置
+   */
+  isCompons: {
+    type: Boolean,
+    default: true
+  },
   /**
    * @props { Object } compons
    * 外部组件集合
@@ -229,6 +232,5 @@ export {
   dataHandle,
   dataProps,
   dataSlot,
-  name,
-  provides
+  name
 };

package/dist/components/forms/src/setup.cjs

@@ -1,27 +1,19 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const data = require("./data.cjs");
+const config = require("../common/config.cjs");
 const util = require("./util.cjs");
 require("../../../utils/css.cjs");
 const use = require("../../common/use.cjs");
 require("../../../utils/index.cjs");
 const vue = require("vue");
-const compons = require("../../common/compons.cjs");
+const index$1 = require("../../../hooks/compons/index.cjs");
 const index = require("../../forms-items/index.cjs");
 const setObjStyle = require("@fangzhongya/utils/css/setObjStyle");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const Components = {
   Items: index.FormsItems
 };
-const Changes = [
-  "Select",
-  "Date",
-  "Array",
-  "Check",
-  "Labels",
-  "Switch",
-  "Cascader"
-];
 function setUp(props, emit, cs, refForm, getLocale) {
   const buts = vue.computed(() => {
     if (typeof props.buts == "undefined") {
@@ -40,8 +32,8 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  compons.useCompons(data.provides.compons, Components, props.compons);
-  vue.provide(data.provides.form, props);
+  index$1.useCompons(config.provides.compons, props, Components);
+  vue.provide(config.provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
     if (props.modelValue) {
@@ -123,7 +115,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
         use.setFormDefaultValue(obj, dataForm.value);
         let trigger = 1;
         if (typeof obj.compon == "string") {
-          if (Changes.includes(lineToLargeHump.lineToLargeHump(obj.compon))) {
+          if (config.changes.includes(lineToLargeHump.lineToLargeHump(obj.compon))) {
             trigger = 2;
           }
         }

package/dist/components/forms/src/setup.d.ts

@@ -1,6 +1,6 @@
 import { DataProps } from './data';
 import { UseCssNameReturn } from '../../../hooks/cssname';
-import { Ref, CSSProperties, WritableComputedRef, ComputedRef } from 'vue';
+import { CSSProperties, Ref, WritableComputedRef, ComputedRef } from 'vue';
 type Emit = (...args: any[]) => void;
 export declare function setUp(props: DataProps, emit: Emit, cs: UseCssNameReturn, refForm: any, getLocale: Function): {
     dataRules: Ref<ObjAny, ObjAny>;

package/dist/components/forms/src/setup.js

@@ -1,25 +1,17 @@
-import { provides, dataHandle } from "./data.js";
+import { dataHandle } from "./data.js";
+import { provides, changes } from "../common/config.js";
 import { getRule } from "./util.js";
 import "../../../utils/css.js";
 import { setFormDefaultValue, getFormRule } from "../../common/use.js";
 import "../../../utils/index.js";
 import { computed, provide, isProxy, ref, watch } from "vue";
-import { useCompons } from "../../common/compons.js";
+import { useCompons } from "../../../hooks/compons/index.js";
 import { FormsItems } from "../../forms-items/index.js";
 import { setObjStyle } from "@fangzhongya/utils/css/setObjStyle";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 const Components = {
   Items: FormsItems
 };
-const Changes = [
-  "Select",
-  "Date",
-  "Array",
-  "Check",
-  "Labels",
-  "Switch",
-  "Cascader"
-];
 function setUp(props, emit, cs, refForm, getLocale) {
   const buts = computed(() => {
     if (typeof props.buts == "undefined") {
@@ -38,7 +30,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
       return props.buts || [];
     }
   });
-  useCompons(provides.compons, Components, props.compons);
+  useCompons(provides.compons, props, Components);
   provide(provides.form, props);
   const defaultValue = {};
   const getDataForm = () => {
@@ -121,7 +113,7 @@ function setUp(props, emit, cs, refForm, getLocale) {
         setFormDefaultValue(obj, dataForm.value);
         let trigger = 1;
         if (typeof obj.compon == "string") {
-          if (Changes.includes(lineToLargeHump(obj.compon))) {
+          if (changes.includes(lineToLargeHump(obj.compon))) {
             trigger = 2;
           }
         }

package/dist/components/forms/style/index2.scss

@@ -4,6 +4,8 @@
 
 @use '../../forms-div/style/index2.scss' as *;
 @use '../../forms-item/style/index2.scss' as *;
-@use '../../common/compons2.scss' as *;
+@use '../../forms-items/style/index2.scss' as *;
+
+@use '../../common/compons/index2.scss' as *;
 
 @use '../index.scss' as *;

package/dist/components/forms-div/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;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;

package/dist/components/forms-div/src/index2.cjs

@@ -7,8 +7,8 @@ const index = require("../../../hooks/cssname/index.cjs");
 const use = require("../../common/use.cjs");
 const isEqual = require("@fangzhongya/utils/basic/object/isEqual");
 const index$1 = require("../../../hooks/props-default/index.cjs");
-const compons = require("../../common/compons.cjs");
-const data$1 = require("../../forms/src/data.cjs");
+const index$2 = require("../../../hooks/compons/index.cjs");
+const config = require("../../forms/common/config.cjs");
 const objValue = require("@fangzhongya/utils/basic/object/objValue");
 const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
 const Components = {};
@@ -22,7 +22,7 @@ const _sfc_main = vue.defineComponent({
     const prs = index$1.usePropsDefault(data.name, p, data.dataProps);
     index$1.viewProps(prs, data.name);
     const props = prs.listobj;
-    const compons$1 = compons.useGetCompons(data$1.provides.compons);
+    const compons = index$2.useComponsGet(config.provides.compons);
     const formvalue = vue.computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {
@@ -174,8 +174,8 @@ const _sfc_main = vue.defineComponent({
       };
       if (typeof compon == "string") {
         const tcom = lineToLargeHump.lineToLargeHump(compon);
-        if (Object.keys(compons$1).includes(tcom)) {
-          return vue.h(compons$1[tcom], componObj, slots);
+        if (Object.keys(compons).includes(tcom)) {
+          return vue.h(compons[tcom], componObj, slots);
         } else {
           return vue.h(vue.resolveComponent(compon), componObj, slots);
         }

package/dist/components/forms-div/src/index2.js

@@ -5,8 +5,8 @@ import { useCssName } from "../../../hooks/cssname/index.js";
 import { getOnObjs } from "../../common/use.js";
 import { isEqual } from "@fangzhongya/utils/basic/object/isEqual";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
-import { useGetCompons } from "../../common/compons.js";
-import { provides } from "../../forms/src/data.js";
+import { useComponsGet } from "../../../hooks/compons/index.js";
+import { provides } from "../../forms/common/config.js";
 import { setObjValue, getObjValue } from "@fangzhongya/utils/basic/object/objValue";
 import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
 const Components = {};
@@ -20,7 +20,7 @@ const _sfc_main = defineComponent({
     const prs = usePropsDefault(name, p, dataProps);
     viewProps(prs, name);
     const props = prs.listobj;
-    const compons = useGetCompons(provides.compons);
+    const compons = useComponsGet(provides.compons);
     const formvalue = computed(() => {
       const o = {};
       if (typeof props.formvalue === "object") {