@fangzhongya/fang-ui 0.1.25 → 0.1.27

package/dist/components/box-teleport/src/index2.js

@@ -2,7 +2,7 @@ import { defineComponent, createBlock, openBlock, Teleport, unref, normalizeClas
 import { name, dataProps, dataExpose, dataEmits } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
-import { FunctConfig } from "../../../utils/enums.js";
+import { getBoxDom } from "../../../utils/vues/getBoxDom.js";
 import { usePropsDefault, viewProps, getProps } from "../../../hooks/props-default/index.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -15,16 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = usePropsDefault(name, prs, dataProps);
     viewProps(props, name);
     const emit = __emit;
-    const id = FunctConfig.BOXIDNAME.trim();
-    if (document && !(document == null ? void 0 : document.querySelector(id))) {
-      const d = document.createElement("div");
-      if (id.startsWith("#")) {
-        d.id = id.replace(/^#/, "");
-      } else if (id.startsWith(".")) {
-        d.className = id.replace(/./g, " ");
-      }
-      document.body.appendChild(d);
-    }
+    getBoxDom();
     __expose({
       ...dataExpose
     });

package/dist/components/box-title/index.css

@@ -12,6 +12,35 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.icon {
+  --color: inherit;
+  height: 1em;
+  width: 1em;
+  line-height: 1em;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  fill: currentColor;
+  color: var(--color);
+  font-size: inherit;
+}
+.icon-cont {
+  border: 0;
+  display: inline-flex;
+  align-items: center;
+  object-fit: contain;
+  justify-content: center;
+  font-size: inherit !important;
+  width: inherit !important;
+  height: inherit !important;
+}
+
 .box-title {
   padding: 10px;
   position: relative;

package/dist/components/box-title/index.scss

@@ -1,6 +1,6 @@
 // @use '../common.scss' as *;
 @use '../scss/common.scss' as *;
-
+@use '../icon/index.scss' as *;
 $box-title: 'box-title';
 @include b($box-title) {
 	padding: 10px;

package/dist/components/buttons/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .buttons-li {
   height: inherit;
 }

package/dist/components/cascaders/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .cascaders-cascader {
   height: 100%;
   width: 100%;

package/dist/components/checks/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .checks-check {
   height: 100%;
   display: flex;

package/dist/components/dates/index.css

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

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

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

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

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

package/dist/components/dates2/index.css

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

package/dist/components/dialogs/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .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
+};

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,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .edit {
   display: inline-flex;
   align-items: center;

package/dist/components/edit-float/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .edit-float-body {
   display: inline-flex;
   align-items: center;

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const provides = {
+  compons: "form-compons",
+  form: "form-form"
+};
+exports.provides = provides;

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

@@ -0,0 +1,4 @@
+export declare const provides: {
+    compons: string;
+    form: string;
+};

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

@@ -0,0 +1,7 @@
+const provides = {
+  compons: "form-compons",
+  form: "form-form"
+};
+export {
+  provides
+};

package/dist/components/forms/index.css

@@ -13,6 +13,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;

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,
   /**
@@ -231,4 +227,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;
-};
 /**
  * 组件属性
  */

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,
   /**
@@ -229,6 +225,5 @@ export {
   dataHandle,
   dataProps,
   dataSlot,
-  name,
-  provides
+  name
 };