@fangzhongya/fang-ui 0.1.25 → 0.1.27

package/dist/components/index.d.ts

@@ -1,3 +1,4 @@
+export * from './draggable/index';
 export * from './button/index';
 export * from './card/index';
 export * from './color-picker/index';
@@ -65,6 +66,7 @@ export * from './forms-item/index';
 export * from './forms-items/index';
 export * from './forms/index';
 export * from './box-adjust/index';
+export * from './box-fun/index';
 export * from './box-local/index';
 export * from './box-mask/index';
 export * from './box-teleport/index';

package/dist/components/index.js

@@ -1,4 +1,5 @@
 /* empty css           */
+import { Draggable } from "./draggable/index.js";
 import { Button } from "./button/index.js";
 import { Card } from "./card/index.js";
 import { ColorPicker } from "./color-picker/index.js";
@@ -66,6 +67,7 @@ import { FormsItem } from "./forms-item/index.js";
 import { FormsItems } from "./forms-items/index.js";
 import { Forms } from "./forms/index.js";
 import { BoxAdjust } from "./box-adjust/index.js";
+import { BoxFun } from "./box-fun/index.js";
 import { BoxLocal } from "./box-local/index.js";
 import { BoxMask } from "./box-mask/index.js";
 import { BoxTeleport } from "./box-teleport/index.js";
@@ -187,6 +189,7 @@ export {
   Autocomplete,
   Box,
   BoxAdjust,
+  BoxFun,
   BoxLocal,
   BoxMask,
   BoxTeleport,
@@ -217,6 +220,7 @@ export {
   Dialog,
   Dialogs,
   Divider,
+  Draggable,
   Drawer,
   Dropdown,
   DropdownItem,

package/dist/components/index.scss

@@ -1,3 +1,4 @@
+@use './draggable/index.scss' as *;
 @use './button/index.scss' as *;
 @use './card/index.scss' as *;
 @use './color-picker/index.scss' as *;

package/dist/components/index2.scss

@@ -1,3 +1,4 @@
+@use './draggable/style/index.scss' as *;
 @use './button/style/index2.scss' as *;
 @use './card/style/index2.scss' as *;
 @use './color-picker/style/index2.scss' as *;

package/dist/components/input-array/index.css

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

package/dist/components/input-history/index.css

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

package/dist/components/input-num/index.css

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

package/dist/components/input-select/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .input-select-select-icon {
   margin-left: 8px;
   display: inline-flex;

package/dist/components/inputs/index.css

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

package/dist/components/labels/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/list/index.css

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

package/dist/components/lists/index.css

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

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

@@ -189,12 +189,12 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               }, () => [
                 vue.createVNode(vue.unref(index$4.Card), null, vue.createSlots({
                   default: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                    vue.createVNode(vue.unref(index$5.List), {
                       value: item,
                       list: setListValue(dataList.value, index2),
                       options: vue.unref(props).options,
                       compons: vue.unref(props).compons
-                    }), vue.createSlots({ _: 2 }, [
+                    }, vue.createSlots({ _: 2 }, [
                       vue.renderList(Object.keys(vue.unref(slots)).filter(
                         (v) => !["no-data"].includes(v)
                       ), (k) => {
@@ -205,19 +205,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                           ])
                         };
                       })
-                    ]), 1040, ["value", "list", "options", "compons"])
+                    ]), 1032, ["value", "list", "options", "compons"])
                   ]),
                   _: 2
                 }, [
                   header.value.length > 0 ? {
                     name: "header",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                      vue.createVNode(vue.unref(index$5.List), {
                         value: item,
                         list: setListValue(header.value, index2),
                         options: vue.unref(props).options,
                         compons: vue.unref(props).compons
-                      }), vue.createSlots({ _: 2 }, [
+                      }, vue.createSlots({ _: 2 }, [
                         vue.renderList(Object.keys(vue.unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -228,19 +228,19 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             ])
                           };
                         })
-                      ]), 1040, ["value", "list", "options", "compons"])
+                      ]), 1032, ["value", "list", "options", "compons"])
                     ]),
                     key: "0"
                   } : void 0,
                   footer.value.length > 0 ? {
                     name: "footer",
                     fn: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(index$5.List), vue.mergeProps({ ref_for: true }, vue.unref(attrs).assem, {
+                      vue.createVNode(vue.unref(index$5.List), {
                         value: item,
                         list: setListValue(footer.value, index2),
                         options: vue.unref(props).options,
                         compons: vue.unref(props).compons
-                      }), vue.createSlots({ _: 2 }, [
+                      }, vue.createSlots({ _: 2 }, [
                         vue.renderList(Object.keys(vue.unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -251,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                             ])
                           };
                         })
-                      ]), 1040, ["value", "list", "options", "compons"])
+                      ]), 1032, ["value", "list", "options", "compons"])
                     ]),
                     key: "1"
                   } : void 0

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

@@ -187,12 +187,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               }, () => [
                 createVNode(unref(Card), null, createSlots({
                   default: withCtx(() => [
-                    createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
+                    createVNode(unref(List), {
                       value: item,
                       list: setListValue(dataList.value, index),
                       options: unref(props).options,
                       compons: unref(props).compons
-                    }), createSlots({ _: 2 }, [
+                    }, createSlots({ _: 2 }, [
                       renderList(Object.keys(unref(slots)).filter(
                         (v) => !["no-data"].includes(v)
                       ), (k) => {
@@ -203,19 +203,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           ])
                         };
                       })
-                    ]), 1040, ["value", "list", "options", "compons"])
+                    ]), 1032, ["value", "list", "options", "compons"])
                   ]),
                   _: 2
                 }, [
                   header.value.length > 0 ? {
                     name: "header",
                     fn: withCtx(() => [
-                      createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
+                      createVNode(unref(List), {
                         value: item,
                         list: setListValue(header.value, index),
                         options: unref(props).options,
                         compons: unref(props).compons
-                      }), createSlots({ _: 2 }, [
+                      }, createSlots({ _: 2 }, [
                         renderList(Object.keys(unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -226,19 +226,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ])
                           };
                         })
-                      ]), 1040, ["value", "list", "options", "compons"])
+                      ]), 1032, ["value", "list", "options", "compons"])
                     ]),
                     key: "0"
                   } : void 0,
                   footer.value.length > 0 ? {
                     name: "footer",
                     fn: withCtx(() => [
-                      createVNode(unref(List), mergeProps({ ref_for: true }, unref(attrs).assem, {
+                      createVNode(unref(List), {
                         value: item,
                         list: setListValue(footer.value, index),
                         options: unref(props).options,
                         compons: unref(props).compons
-                      }), createSlots({ _: 2 }, [
+                      }, createSlots({ _: 2 }, [
                         renderList(Object.keys(unref(slots)).filter(
                           (v) => !["no-data"].includes(v)
                         ), (k) => {
@@ -249,7 +249,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             ])
                           };
                         })
-                      ]), 1040, ["value", "list", "options", "compons"])
+                      ]), 1032, ["value", "list", "options", "compons"])
                     ]),
                     key: "1"
                   } : void 0

package/dist/components/listsp/index.css

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

package/dist/components/listspd/index.css

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "loading";
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = { name };
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -0,0 +1,17 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} Loading 加载
+ * @text 目前完全继承 element-plus 中 el-loading
+ */
+export declare const name = "loading";
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -0,0 +1,13 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "loading";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = { name };
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

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

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

package/dist/components/loading/src/index.d.ts

@@ -1,6 +1,2 @@
-/**
- * @title {h2} ElLoading 消息弹框
- * @text 目前完全继承 element-plus 中 ElLoading
- */
 declare const _default: {};
 export default _default;

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

@@ -1,3 +1,4 @@
+import "./data.js";
 const SrcVue = {};
 export {
   SrcVue as default

package/dist/components/menus/index.css

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

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

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "message";
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = { name };
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

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

@@ -0,0 +1,17 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} Message 消息提示
+ * @text 目前完全继承 element-plus 中 el-message
+ */
+export declare const name = "message";
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {
+    name: string;
+};

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

@@ -0,0 +1,13 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "message";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = { name };
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

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

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

package/dist/components/message/src/index.d.ts

@@ -1,6 +1,2 @@
-/**
- * @title {h2} ElMessage 消息弹框
- * @text 目前完全继承 element-plus 中 ElMessage
- */
 declare const _default: {};
 export default _default;

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

@@ -1,3 +1,4 @@
+import "./data.js";
 const SrcVue = {};
 export {
   SrcVue as default

package/dist/components/message-box/src/data.cjs

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const buildProps = require("../../../utils/vues/buildProps.cjs");
+const name = "message-box";
+const dataProps = buildProps.buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = { name };
+exports.dataEmits = dataEmits;
+exports.dataExpose = dataExpose;
+exports.dataProps = dataProps;
+exports.dataSlot = dataSlot;
+exports.name = name;

package/dist/components/message-box/src/data.d.ts

@@ -0,0 +1,17 @@
+import { ExtractPublicPropTypes } from 'vue';
+/**
+ * @title {h3} MessageBox 消息弹框
+ * @text 目前完全继承 element-plus 中 el-message-box
+ */
+export declare const name = "message-box";
+export declare const dataProps: {};
+export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
+export declare const dataEmits: never[];
+export type DataEmits = typeof dataEmits;
+export declare const dataSlot: {};
+/**
+ * @expose { Element } refEl 获取当前组件在element-plus中暴露的方法
+ */
+export declare const dataExpose: {
+    name: string;
+};

package/dist/components/message-box/src/data.js

@@ -0,0 +1,13 @@
+import { buildProps } from "../../../utils/vues/buildProps.js";
+const name = "message-box";
+const dataProps = buildProps({});
+const dataEmits = [];
+const dataSlot = {};
+const dataExpose = { name };
+export {
+  dataEmits,
+  dataExpose,
+  dataProps,
+  dataSlot,
+  name
+};

package/dist/components/message-box/src/index.cjs

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

package/dist/components/message-box/src/index.d.ts

@@ -1,6 +1,2 @@
-/**
- * @title {h2} ElMessageBox 消息弹框
- * @text 目前完全继承 element-plus 中 ElMessageBox
- */
 declare const _default: {};
 export default _default;

package/dist/components/message-box/src/index.js

@@ -1,3 +1,4 @@
+import "./data.js";
 const SrcVue = {};
 export {
   SrcVue as default

package/dist/components/no-data/index.css

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

package/dist/components/page/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/page/src/set-column2.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Draggable = require("vuedraggable");
+const index$6 = require("../../draggable/index.cjs");
 const index$3 = require("../../dialogs/index.cjs");
 const index$5 = require("../../no-data/index.cjs");
 const index$4 = require("../../checkbox/index.cjs");
@@ -154,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 vue.createElementVNode("div", {
                   class: vue.normalizeClass(vue.unref(cs).z("already-list"))
                 }, [
-                  value.value && value.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(Draggable), vue.mergeProps({ key: 0 }, dragOptions, {
+                  value.value && value.value.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(index$6.Draggable), vue.mergeProps({ key: 0 }, dragOptions, {
                     onStart: _cache[1] || (_cache[1] = ($event) => drag.value = true),
                     onEnd: _cache[2] || (_cache[2] = ($event) => drag.value = false),
                     modelValue: value.value,

package/dist/components/page/src/set-column2.js

@@ -1,5 +1,5 @@
 import { defineComponent, ref, watch, createElementBlock, openBlock, normalizeClass, unref, createVNode, withCtx, createTextVNode, toDisplayString, createElementVNode, createBlock, Fragment, renderList, mergeProps, withModifiers } from "vue";
-import Draggable from "vuedraggable";
+import { Draggable } from "../../draggable/index.js";
 import { Dialogs } from "../../dialogs/index.js";
 import { NoData } from "../../no-data/index.js";
 import { Checkbox } from "../../checkbox/index.js";

package/dist/components/paging/index.css

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

package/dist/components/popup/index.css

@@ -12,6 +12,11 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
 .box-mask {
   display: block;
   opacity: 0.5;
@@ -24,6 +29,30 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
+.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;