@fangzhongya/fang-ui 0.0.11 → 0.0.13

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

@@ -0,0 +1,117 @@
+import { defineComponent, ref, computed, onMounted, createElementBlock, openBlock, normalizeClass, unref, createBlock, createCommentVNode, normalizeStyle, withModifiers, toDisplayString, createElementVNode } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import { Inputs } from "../../inputs/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("edit");
+    const props = __props;
+    const emit = __emit;
+    const isInput = ref(false);
+    const isIcon = ref(false);
+    const refEditInput = ref();
+    const refEdit = ref();
+    const width = ref("");
+    const display = ref("");
+    const value = computed({
+      get() {
+        let v = props.modelValue;
+        if (!v && props.noEmpty) {
+          isIcon.value = true;
+        }
+        return v;
+      },
+      set(value2) {
+        if (!value2 && props.noEmpty) {
+          isIcon.value = true;
+        }
+        emit("update:modelValue", value2);
+      }
+    });
+    function onDblclick() {
+      onClick();
+    }
+    function onBlur() {
+      setIsIcon();
+      isInput.value = false;
+    }
+    function setIsIcon() {
+      if (!value.value && props.noEmpty) {
+        isIcon.value = true;
+      } else {
+        isIcon.value = false;
+      }
+    }
+    function onClick() {
+      isIcon.value = false;
+      isInput.value = true;
+      setTimeout(() => {
+        refEditInput.value.focus();
+      });
+    }
+    onMounted(() => {
+      let dom = refEdit.value;
+      dom.onmouseenter = (event) => {
+        isIcon.value = true;
+      };
+      dom.onmouseleave = (event) => {
+        setIsIcon();
+        isInput.value = false;
+      };
+      display.value = dom.style.display || "inline";
+      width.value = (dom.clientWidth || dom.offsetWidth) + 40 + "px";
+    });
+    __expose({
+      ...dataExpose
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        ref_key: "refEdit",
+        ref: refEdit,
+        class: normalizeClass(unref(cs).z())
+      }, [
+        isInput.value ? (openBlock(), createBlock(unref(Inputs), {
+          key: 0,
+          style: normalizeStyle({ width: width.value, display: display.value }),
+          modelValue: value.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => value.value = $event),
+          ref_key: "refEditInput",
+          ref: refEditInput,
+          type: "text",
+          clearable: _ctx.clearable,
+          onBlur,
+          class: normalizeClass(unref(cs).z("input"))
+        }, null, 8, ["style", "modelValue", "clearable", "class"])) : (openBlock(), createElementBlock("span", {
+          key: 1,
+          onDblclick: withModifiers(onDblclick, ["stop"]),
+          class: normalizeClass(unref(cs).z("value"))
+        }, toDisplayString(value.value), 35)),
+        isIcon.value && !isInput.value ? (openBlock(), createElementBlock("i", {
+          key: 2,
+          onClick,
+          class: normalizeClass(unref(cs).z("icon"))
+        }, _cache[1] || (_cache[1] = [
+          createElementVNode("svg", {
+            viewBox: "0 0 1024 1024",
+            xmlns: "http://www.w3.org/2000/svg"
+          }, [
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "M832 512a32 32 0 1 1 64 0v352a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h352a32 32 0 0 1 0 64H192v640h640V512z"
+            }),
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "m469.952 554.24 52.8-7.552L847.104 222.4a32 32 0 1 0-45.248-45.248L477.44 501.44l-7.552 52.8zm422.4-422.4a96 96 0 0 1 0 135.808l-331.84 331.84a32 32 0 0 1-18.112 9.088L436.8 623.68a32 32 0 0 1-36.224-36.224l15.104-105.6a32 32 0 0 1 9.024-18.112l331.904-331.84a96 96 0 0 1 135.744 0z"
+            })
+          ], -1)
+        ]), 2)) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

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

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

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

@@ -0,0 +1,30 @@
+.edit-float .edit-float-body[data-v-0d0f4fab] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.edit-float .edit-float-body .edit-float-value[data-v-0d0f4fab] {
+  display: inline-block;
+  min-width: 3px;
+}
+.edit-float .edit-float-body .edit-float-icon[data-v-0d0f4fab] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  min-width: 3px;
+  font-size: 16px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+.edit-float .edit-float-body .edit-float-icon svg[data-v-0d0f4fab] {
+  width: 1em;
+  height: 1em;
+}
+.edit-float-popover .edit-float-input[data-v-0d0f4fab] {
+  padding: 10px 0;
+}
+.edit-float-popover .edit-float-but[data-v-0d0f4fab] {
+  display: flex;
+  flex-direction: row-reverse;
+}

package/dist/components/edit-float/index.d.ts

@@ -0,0 +1,147 @@
+declare const EditFloat: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor[];
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        float: {
+            type: BooleanConstructor;
+        };
+        noEmpty: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        clearable: boolean;
+        float: boolean;
+        noEmpty: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refEdit: HTMLSpanElement;
+        refEditInput: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: Partial<{
+                oncePlaceholder: boolean;
+            }> & Omit<{
+                readonly oncePlaceholder: boolean;
+                readonly modelValue?: string | number | undefined;
+                readonly placeholder?: string | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "oncePlaceholder">;
+            $attrs: {
+                [x: string]: unknown;
+            };
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                refEl: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: string, ...args: any[]) => void;
+            $el: any;
+            $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+                oncePlaceholder: {
+                    type: BooleanConstructor;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                modelValue: {
+                    type: (NumberConstructor | StringConstructor)[];
+                };
+            }>> & Readonly<{}>, {
+                el: import('vue').Ref<any, any>;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+                oncePlaceholder: boolean;
+            }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{
+            oncePlaceholder: boolean;
+        }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+            oncePlaceholder: {
+                type: BooleanConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            modelValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+        }>> & Readonly<{}>, "el" | "oncePlaceholder"> & import('vue').ShallowUnwrapRef<{
+            el: import('vue').Ref<any, any>;
+        }> & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: Partial<Record<string, (_: {}) => any>>;
+        }) | null;
+    }, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        modelValue: {
+            type: StringConstructor[];
+        };
+        clearable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        float: {
+            type: BooleanConstructor;
+        };
+        noEmpty: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        clearable: boolean;
+        float: boolean;
+        noEmpty: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    float: {
+        type: BooleanConstructor;
+    };
+    noEmpty: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    clearable: boolean;
+    float: boolean;
+    noEmpty: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { EditFloat, EditFloat as default };

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

@@ -0,0 +1,7 @@
+import { withInstall } from "../../utils/vues/withInstall.js";
+import SrcVue from "./src/index.js";
+const EditFloat = withInstall(SrcVue, "EditFloat");
+export {
+  EditFloat,
+  EditFloat as default
+};

package/dist/components/edit-float/src/data.cjs

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const dataProps = {
+  /**
+   * @props { String } modelValue= ( )
+   * 要编辑数据
+   */
+  modelValue: {
+    type: [String]
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  float: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } noEmpty= ( )
+   * 不能为空
+   */
+  noEmpty: {
+    type: Boolean
+  }
+};
+const dataEmits = ["update:modelValue"];
+const dataExpose = {};
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;

package/dist/components/edit-float/src/data.d.ts

@@ -0,0 +1,42 @@
+import { ExtractPropTypes } from 'vue';
+export declare const dataProps: {
+    /**
+     * @props { String } modelValue= ( )
+     * 要编辑数据
+     */
+    modelValue: {
+        type: StringConstructor[];
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    float: {
+        type: BooleanConstructor;
+    };
+    /**
+     * @props { Boolean } noEmpty= ( )
+     * 不能为空
+     */
+    noEmpty: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPropTypes<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;
+};
+/**
+ * @expose setValue (val:<string>设置的数据 )
+ * 设置值
+ */
+export declare const dataExpose: {};

package/dist/components/edit-float/src/data.js

@@ -0,0 +1,30 @@
+const dataProps = {
+  /**
+   * @props { String } modelValue= ( )
+   * 要编辑数据
+   */
+  modelValue: {
+    type: [String]
+  },
+  clearable: {
+    type: Boolean,
+    default: true
+  },
+  float: {
+    type: Boolean
+  },
+  /**
+   * @props { Boolean } noEmpty= ( )
+   * 不能为空
+   */
+  noEmpty: {
+    type: Boolean
+  }
+};
+const dataEmits = ["update:modelValue"];
+const dataExpose = {};
+export {
+  dataEmits,
+  dataExpose,
+  dataProps
+};

package/dist/components/edit-float/src/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const index_vue_vue_type_script_setup_true_lang = require("./index2.cjs");
+;/* empty css         */
+const _pluginVue_exportHelper = require("../../../_virtual/_plugin-vue_export-helper.cjs");
+const SrcVue = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-0d0f4fab"]]);
+exports.default = SrcVue;

package/dist/components/edit-float/src/index.d.ts

@@ -0,0 +1,113 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    float: {
+        type: BooleanConstructor;
+    };
+    noEmpty: {
+        type: BooleanConstructor;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: StringConstructor[];
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    float: {
+        type: BooleanConstructor;
+    };
+    noEmpty: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {
+    clearable: boolean;
+    float: boolean;
+    noEmpty: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    refEdit: HTMLSpanElement;
+    refEditInput: ({
+        $: import('vue').ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            oncePlaceholder: boolean;
+        }> & Omit<{
+            readonly oncePlaceholder: boolean;
+            readonly modelValue?: string | number | undefined;
+            readonly placeholder?: string | undefined;
+        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, "oncePlaceholder">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        } & {
+            refEl: HTMLDivElement;
+        };
+        $slots: Readonly<{
+            [name: string]: import('vue').Slot<any> | undefined;
+        }>;
+        $root: import('vue').ComponentPublicInstance | null;
+        $parent: import('vue').ComponentPublicInstance | null;
+        $host: Element | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+            oncePlaceholder: {
+                type: BooleanConstructor;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            modelValue: {
+                type: (NumberConstructor | StringConstructor)[];
+            };
+        }>> & Readonly<{}>, {
+            el: import('vue').Ref<any, any>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+            oncePlaceholder: boolean;
+        }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import('vue').nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+    } & Readonly<{
+        oncePlaceholder: boolean;
+    }> & Omit<Readonly<import('vue').ExtractPropTypes<{
+        oncePlaceholder: {
+            type: BooleanConstructor;
+        };
+        placeholder: {
+            type: StringConstructor;
+        };
+        modelValue: {
+            type: (NumberConstructor | StringConstructor)[];
+        };
+    }>> & Readonly<{}>, "el" | "oncePlaceholder"> & import('vue').ShallowUnwrapRef<{
+        el: import('vue').Ref<any, any>;
+    }> & {} & import('vue').ComponentCustomProperties & {} & {
+        $slots: Partial<Record<string, (_: {}) => any>>;
+    }) | null;
+}, HTMLSpanElement>;
+export default _default;

package/dist/components/edit-float/src/index.js

@@ -0,0 +1,7 @@
+import _sfc_main from "./index2.js";
+/* empty css       */
+import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.js";
+const SrcVue = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0d0f4fab"]]);
+export {
+  SrcVue as default
+};