@fangzhongya/fang-ui 0.0.3 → 0.0.4

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

@@ -1,28 +1,31 @@
-import { defineComponent, useAttrs, useSlots, resolveDirective, openBlock, createElementBlock, normalizeClass, unref, withDirectives, createBlock, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx, renderSlot } from "vue";
-import { dataProps, dataEmits, dataExpose } from "./data.js";
+import { defineComponent, ref, useAttrs, useSlots, createElementBlock, openBlock, normalizeClass, unref, createVNode, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
 import { useCssName } from "../../../hooks/cssname/index.js";
-import "../../../hooks/global-config/index.js";
 import { useLocale } from "../../../hooks/locale/index.js";
 import { ElUpload } from "element-plus";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: dataProps,
   emits: dataEmits,
-  setup(__props, { expose, emit }) {
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const refEl = ref();
     const attrs = useAttrs();
     const slots = useSlots();
     const cs = useCssName("upload");
     useLocale();
-    expose({
-      ...dataExpose
+    __expose({
+      ...dataExpose,
+      refEl
     });
     return (_ctx, _cache) => {
-      const _directive_expose = resolveDirective("expose");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref(cs).z())
       }, [
-        withDirectives((openBlock(), createBlock(unref(ElUpload), normalizeProps(guardReactiveProps(unref(attrs))), createSlots({ _: 2 }, [
-          renderList(Object.keys(unref(slots)), (k) => {
+        createVNode(unref(ElUpload), mergeProps(unref(attrs), {
+          ref_key: "refEl",
+          ref: refEl
+        }), createSlots({ _: 2 }, [
+          renderList(Object.keys(unref(slots)), (k, i) => {
             return {
               name: k,
               fn: withCtx(() => [
@@ -30,9 +33,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040)), [
-          [_directive_expose]
-        ])
+        ]), 1040)
       ], 2);
     };
   }

package/dist/components/window/index.cjs

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

package/dist/components/window/index.css

@@ -0,0 +1,79 @@
+.com {
+  font-size: 20px;
+}
+
+.box-mask {
+  display: block;
+  opacity: 0.5;
+  z-index: 0;
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  background: rgba(2, 28, 39, 0.4);
+}
+
+.box-title {
+  padding: 10px;
+  position: relative;
+  background-color: #467ddc;
+  color: #fff;
+  align-items: center;
+  display: flex;
+}
+.box-title .box-title-name {
+  flex: 1;
+}
+.box-title .box-title-close {
+  right: 10px;
+  font-size: 18px;
+  display: flex;
+  align-items: center;
+}
+.box-title .box-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+
+.window {
+  position: fixed;
+  width: 100vw;
+  height: 100vh;
+  z-index: 1000;
+  top: 0;
+  left: 0;
+}
+.window .window-body {
+  position: absolute;
+  top: 30%;
+  left: 30%;
+  z-index: 100;
+  background: #fff;
+  width: 40%;
+  height: 40%;
+  display: flex;
+  flex-direction: column;
+}
+.window .window-body .window-title .com-title-close i {
+  width: 20px;
+  height: 20px;
+  margin: 0 4px;
+  cursor: pointer;
+}
+.window .window-body .window-body-div {
+  flex: 1;
+  overflow-y: auto;
+  padding: 20px;
+}
+.window .window-body.max {
+  width: 100vw !important;
+  height: 100vh !important;
+  top: initial !important;
+  left: initial !important;
+}
+.window .window-body.max::-webkit-scrollbar {
+  width: 0 !important;
+}

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

@@ -0,0 +1,190 @@
+declare const Window: import('../../utils/vues').WithInstall<{
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        drag: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: string;
+        };
+        adjust: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pallet: {
+            type: import('vue').PropType<{
+                [key: string]: any;
+                add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
+                remove: (s: symbol, t?: string) => void;
+            }>;
+        };
+        minChange: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeHave: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        often: {
+            type: BooleanConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+        };
+        to: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+        mask: boolean;
+        modelValue: boolean;
+        disabled: boolean;
+        drag: string | boolean;
+        often: boolean;
+        adjust: boolean;
+        maskClose: boolean;
+        minChange: boolean;
+        closeHave: boolean;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        refBox: HTMLDivElement;
+        refBody: HTMLDivElement;
+    }, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        drag: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: string;
+        };
+        adjust: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        mask: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        maskClose: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        pallet: {
+            type: import('vue').PropType<{
+                [key: string]: any;
+                add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
+                remove: (s: symbol, t?: string) => void;
+            }>;
+        };
+        minChange: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        closeHave: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        often: {
+            type: BooleanConstructor;
+        };
+        title: {
+            type: StringConstructor;
+        };
+        modelValue: {
+            type: BooleanConstructor;
+        };
+        to: {
+            type: StringConstructor;
+        };
+        disabled: {
+            type: BooleanConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, {
+        mask: boolean;
+        modelValue: boolean;
+        disabled: boolean;
+        drag: string | boolean;
+        often: boolean;
+        adjust: boolean;
+        maskClose: boolean;
+        minChange: boolean;
+        closeHave: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    drag: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    adjust: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    pallet: {
+        type: import('vue').PropType<{
+            [key: string]: any;
+            add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
+            remove: (s: symbol, t?: string) => void;
+        }>;
+    };
+    minChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    closeHave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    often: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+    mask: boolean;
+    modelValue: boolean;
+    disabled: boolean;
+    drag: string | boolean;
+    often: boolean;
+    adjust: boolean;
+    maskClose: boolean;
+    minChange: boolean;
+    closeHave: boolean;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+    $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+})> & Record<string, any>;
+export { Window, Window as default };

package/dist/components/window/index.js

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

package/dist/components/window/index.scss

@@ -0,0 +1,56 @@
+// @use '../common.scss' as *;
+
+// @use '../box-mask/index.scss' as *;
+// @use '../box-title/index.scss' as *;
+
+@use '../common.scss' as *;
+@use '../box-mask/index.scss' as *;
+@use '../box-title/index.scss' as *;
+
+.#{$namespace}window {
+	position: fixed;
+	width: 100vw;
+	height: 100vh;
+	z-index: 1000;
+	top: 0;
+	left: 0;
+	.window-body {
+		position: absolute;
+		top: 30%;
+		left: 30%;
+		z-index: 100;
+		background: #fff;
+		width: 40%;
+		height: 40%;
+		display: flex;
+		flex-direction: column;
+		.window-title {
+			.com-title-close {
+				i {
+					width: 20px;
+					height: 20px;
+					margin: 0 4px;
+					cursor: pointer;
+				}
+			}
+		}
+		.window-body-div {
+			flex: 1;
+			overflow-y: auto;
+			padding: 20px;
+		}
+		&.max {
+			width: 100vw !important;
+			height: 100vh !important;
+			top: initial !important;
+			left: initial !important;
+
+			&::-webkit-scrollbar {
+				width: 0 !important;
+			}
+		}
+	}
+	// &.min {
+	// 	display: none;
+	// }
+}

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

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const definePropType = require("../../../utils/vues/definePropType.cjs");
+const data = require("../../box/src/data.cjs");
+const dataProps = buildProps.buildProps({
+  ...data.dataProps,
+  /**
+   * @props { String, Boolean } drag='.com-title-name' ( ) 可拖拽的元素样式 为空字符串就不拖拽
+   */
+  drag: {
+    type: [String, Boolean],
+    default: ".com-title-name"
+  },
+  /**
+   * @props { Boolean } adjust=true ( ) 是否支持改变大小
+   */
+  adjust: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } mask=true ( ) 是否要遮罩
+   */
+  mask: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } maskClose=false ( ) 是否要遮罩是否关闭
+   */
+  maskClose: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
+   */
+  pallet: {
+    type: definePropType.definePropType(Object)
+  },
+  /**
+   * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值
+   */
+  minChange: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props {Boolean} closeHave=true ( ) 关闭后是否保持位置
+   */
+  closeHave: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } often= ( ) 是否时时变化
+   */
+  often: {
+    type: Boolean
+  }
+});
+const dataEmits = [...data.dataEmits, "minimize"];
+const dataSlot = {
+  ...data.dataSlot
+};
+const dataExpose = { ...data.dataExpose };
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;

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

@@ -0,0 +1,90 @@
+import { ExtractPublicPropTypes } from 'vue';
+type Pallet = {
+    add: (s: symbol, a: () => void, r: () => void, t?: string) => void;
+    remove: (s: symbol, t?: string) => void;
+    [key: string]: any;
+};
+export declare const dataProps: {
+    /**
+     * @props { String, Boolean } drag='.com-title-name' ( ) 可拖拽的元素样式 为空字符串就不拖拽
+     */
+    drag: {
+        type: (BooleanConstructor | StringConstructor)[];
+        default: string;
+    };
+    /**
+     * @props { Boolean } adjust=true ( ) 是否支持改变大小
+     */
+    adjust: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { Boolean } mask=true ( ) 是否要遮罩
+     */
+    mask: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { Boolean } maskClose=false ( ) 是否要遮罩是否关闭
+     */
+    maskClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
+     */
+    pallet: {
+        type: import('vue').PropType<Pallet>;
+    };
+    /**
+     * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值
+     */
+    minChange: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props {Boolean} closeHave=true ( ) 关闭后是否保持位置
+     */
+    closeHave: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * @props { Boolean } often= ( ) 是否时时变化
+     */
+    often: {
+        type: BooleanConstructor;
+    };
+    title: {
+        type: StringConstructor;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+    };
+    to: {
+        type: StringConstructor;
+    };
+    disabled: {
+        type: BooleanConstructor;
+    };
+};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+/**
+ */
+export declare const dataEmits: string[];
+export type DataEmits = typeof dataEmits;
+/**
+ */
+export declare const dataSlot: {
+    default: string;
+    title: string;
+    footer: string;
+};
+/**
+ */
+export declare const dataExpose: {};
+export {};

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

@@ -0,0 +1,71 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+import { definePropType } from "../../../utils/vues/definePropType.js";
+import { dataProps as dataProps$1, dataEmits as dataEmits$1, dataSlot as dataSlot$1, dataExpose as dataExpose$1 } from "../../box/src/data.js";
+const dataProps = buildProps({
+  ...dataProps$1,
+  /**
+   * @props { String, Boolean } drag='.com-title-name' ( ) 可拖拽的元素样式 为空字符串就不拖拽
+   */
+  drag: {
+    type: [String, Boolean],
+    default: ".com-title-name"
+  },
+  /**
+   * @props { Boolean } adjust=true ( ) 是否支持改变大小
+   */
+  adjust: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } mask=true ( ) 是否要遮罩
+   */
+  mask: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } maskClose=false ( ) 是否要遮罩是否关闭
+   */
+  maskClose: {
+    type: Boolean,
+    default: false
+  },
+  /**
+   * @props {Object} pallet= ( ) 最小化的托盘对象或者设置方法
+   */
+  pallet: {
+    type: definePropType(Object)
+  },
+  /**
+   * @props {Boolean} minChange=true ( ) 是否允许在最小化后改变值
+   */
+  minChange: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props {Boolean} closeHave=true ( ) 关闭后是否保持位置
+   */
+  closeHave: {
+    type: Boolean,
+    default: true
+  },
+  /**
+   * @props { Boolean } often= ( ) 是否时时变化
+   */
+  often: {
+    type: Boolean
+  }
+});
+const dataEmits = [...dataEmits$1, "minimize"];
+const dataSlot = {
+  ...dataSlot$1
+};
+const dataExpose = { ...dataExpose$1 };
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot
+};