@fangzhongya/fang-ui 0.0.11 → 0.0.13

package/dist/components/vxe-tables/src/index.js

@@ -0,0 +1,244 @@
+import { defineComponent, useSlots, useAttrs, provide, ref, computed, watch, onMounted, createElementBlock, openBlock, mergeProps, unref, createVNode, withModifiers, withCtx, createSlots, renderList, renderSlot, normalizeProps, guardReactiveProps, createElementVNode, normalizeClass } from "vue";
+import { VxeTable } from "vxe-table/es/table";
+import { dataEmits, dataProps, dataExpose } from "./data.js";
+import _sfc_main$1 from "./columns.js";
+import { uesObjComponSelected } from "../../common/use.js";
+import { useInherit } from "../../../hooks/inherit/index.js";
+import { useCssName } from "../../../hooks/cssname/index.js";
+import { getCompons } from "../../common/compons.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: dataProps,
+  emits: dataEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const cs = useCssName("vtables");
+    const slots = useSlots();
+    const attrs = useInherit(useAttrs());
+    const props = __props;
+    provide("tables-compons", getCompons(props.compons));
+    const tableRef = ref();
+    const emit = __emit;
+    const rowObj = ref();
+    const isfocus = ref(false);
+    function onClick() {
+      isfocus.value = true;
+    }
+    function isComponSelected(obj, scope) {
+      if (uesObjComponSelected(obj, props)) {
+        if (rowObj.value === scope.row) {
+          if (isfocus.value) {
+            return true;
+          } else {
+            return false;
+          }
+        } else {
+          return false;
+        }
+      } else {
+        return true;
+      }
+    }
+    let isSort = false;
+    const orderMap = {
+      asc: "asc",
+      ascending: "asc",
+      desc: "desc",
+      descending: "desc"
+    };
+    const sizeMap = {
+      large: "",
+      default: "medium",
+      small: "small"
+    };
+    const size = computed(() => {
+      return sizeMap[props.size] || "";
+    });
+    const tableDefaultSort = computed(() => {
+      var _a, _b;
+      return {
+        prop: (_a = props.defaultSort) == null ? void 0 : _a.prop,
+        order: orderMap[(_b = props.defaultSort) == null ? void 0 : _b.order] || ""
+      };
+    });
+    const setHover = () => {
+      const is = attrs.assem.highlightCurrentRow;
+      if (is === true) {
+        return true;
+      } else {
+        return false;
+      }
+    };
+    const config = ref({
+      nocustomize: attrs.assem.__B("nocustomize"),
+      row: {
+        isCurrent: setHover(),
+        isHover: setHover()
+      },
+      column: {
+        minWidth: attrs.assem.minWidth,
+        resizable: attrs.assem.resizable
+      },
+      sort: {
+        remote: Boolean(attrs.assem.sort),
+        defaultSort: {
+          field: tableDefaultSort.value.prop,
+          order: tableDefaultSort.value.order
+        }
+      },
+      seq: {},
+      checkbox: {
+        trigger: attrs.assem.noRowSelect ? "cell" : "row"
+      },
+      radio: {
+        trigger: attrs.assem.noRowSelect ? "cell" : "row"
+      }
+    });
+    const rowStyle = computed(() => {
+      const height = props.lineHeight;
+      const rowStyle2 = attrs.assem.rowStyle;
+      if (height) {
+        if (rowStyle2) {
+          if (typeof rowStyle2 == "object") {
+            rowStyle2["height"] = height + "px";
+            return rowStyle2;
+          } else {
+            return rowStyle2;
+          }
+        } else {
+          return {
+            height: height + "px"
+          };
+        }
+      } else {
+        return {
+          height: "",
+          ...rowStyle2
+        };
+      }
+    });
+    watch(tableDefaultSort, (newValue, oldValue) => {
+      let prop = tableDefaultSort.value.prop;
+      let order = tableDefaultSort.value.order;
+      if (tableRef.value) {
+        if (prop) {
+          isSort = true;
+          tableRef.value.sort(prop, order);
+        } else {
+          tableRef.value.clearSort();
+        }
+      }
+    });
+    function sortChange(obj) {
+      if (isSort) {
+        isSort = false;
+        return false;
+      }
+      emit("sort-change", obj);
+    }
+    function onListEvents(key, ...arr) {
+      if (key == "checkbox-all") {
+        const $table = tableRef.value;
+        if ($table) {
+          $table.toggleAllCheckboxRow();
+          selectChangeEvent({
+            records: $table.getCheckboxRecords()
+          });
+        }
+      } else {
+        emit("list-events", key, ...arr);
+      }
+    }
+    function selectAllChangeEvent(obj) {
+      const arr = obj.records;
+      emit("selection-change", arr);
+    }
+    function selectChangeEvent(obj) {
+      const arr = obj.records;
+      emit("selection-change", arr);
+    }
+    function onCellClick(scope) {
+      rowObj.value = scope.row;
+    }
+    function clearSelection() {
+      tableRef.value.clearCheckboxRow();
+    }
+    function clearRadioRow() {
+      tableRef.value.clearRadioRow();
+    }
+    onMounted(() => {
+      if (window) {
+        window.addEventListener("click", () => {
+          isfocus.value = false;
+        });
+      }
+    });
+    __expose({
+      ...dataExpose,
+      clearSelection,
+      clearRadioRow
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        class: unref(cs).z()
+      }, unref(attrs).root), [
+        createVNode(unref(VxeTable), mergeProps(unref(attrs).assem, {
+          ref_key: "tableRef",
+          ref: tableRef,
+          height: props.height == "auto" ? "" : props.height,
+          class: [unref(cs).z("table"), unref(cs).is("absolute", props.adaptive)],
+          size: size.value,
+          loading: props.loading,
+          "column-config": config.value.column,
+          "row-style": rowStyle.value,
+          "row-config": config.value.row,
+          "seq-config": config.value.seq,
+          "sort-config": config.value.sort,
+          "checkbox-config": config.value.checkbox,
+          "radio-config": config.value.radio,
+          data: props.value,
+          onCellClick,
+          onSortChange: sortChange,
+          onCheckboxAll: selectAllChangeEvent,
+          onCheckboxChange: selectChangeEvent,
+          onClick: withModifiers(onClick, ["stop"])
+        }), {
+          empty: withCtx(() => [
+            renderSlot(_ctx.$slots, "no-data", {}, () => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(cs).z("no-data"))
+              }, _cache[0] || (_cache[0] = [
+                createElementVNode("span", null, "暂无数据", -1)
+              ]), 2)
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_sfc_main$1, {
+              table: unref(attrs).assem,
+              vxeconfig: config.value,
+              value: props.value,
+              list: props.list,
+              options: props.options,
+              isComponSelected,
+              onListEvents
+            }, createSlots({ _: 2 }, [
+              renderList(Object.keys(unref(slots)).filter(
+                (v) => !["empty", "no-data"].includes(v)
+              ), (k) => {
+                return {
+                  name: k,
+                  fn: withCtx((scope) => [
+                    renderSlot(_ctx.$slots, k, normalizeProps(guardReactiveProps(scope)))
+                  ])
+                };
+              })
+            ]), 1032, ["table", "vxeconfig", "value", "list", "options"])
+          ]),
+          _: 3
+        }, 16, ["height", "class", "size", "loading", "column-config", "row-style", "row-config", "seq-config", "sort-config", "checkbox-config", "radio-config", "data"])
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/vxe-tables/src/index2.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("./index.cjs");
+exports.default = index_vue_vue_type_script_setup_true_lang.default;

package/dist/components/vxe-tables/src/index2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./index.js";
+export {
+  _sfc_main as default
+};

package/dist/components/window/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-;/* empty css                 */
+;/* 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");

package/dist/components/window/index.css

@@ -1,8 +1,23 @@
-.com {
+:root {
+  --el-icon-picker-on: rgb(91, 189, 246);
+  --el-icon-picker-border: #eee;
+  --el-color-primary: #409eff;
+  --el-bag-primary: #409eff;
+  --el-bag-primary-text: #fff;
+  --el-border: #eee;
+  --el-layout-panel-gap: 10px;
+  --el-layout-panel-padding: 20px;
+  --el-layout-form-item-padding-right: var(
+  	--el-layout-panel-gap
+  );
+  --el-g-main-bg: var(--el-bg-color-page);
+}
+
+.el-com {
   font-size: 20px;
 }
 
-.box-mask {
+.el-box-mask {
   display: block;
   opacity: 0.5;
   z-index: 0;
@@ -14,7 +29,7 @@
   background: rgba(2, 28, 39, 0.4);
 }
 
-.box-title {
+.el-box-title {
   padding: 10px;
   position: relative;
   background-color: #467ddc;
@@ -22,23 +37,23 @@
   align-items: center;
   display: flex;
 }
-.box-title .box-title-name {
+.el-box-title-name {
   flex: 1;
 }
-.box-title .box-title-close {
+.el-box-title-close {
   right: 10px;
   font-size: 18px;
   display: flex;
   align-items: center;
 }
-.box-title .box-title-close i {
+.el-box-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
 
-.window {
+.el-window {
   position: fixed;
   width: 100vw;
   height: 100vh;
@@ -46,7 +61,7 @@
   top: 0;
   left: 0;
 }
-.window .window-body {
+.el-window-body {
   position: absolute;
   top: 30%;
   left: 30%;
@@ -57,23 +72,23 @@
   display: flex;
   flex-direction: column;
 }
-.window .window-body .window-title .com-title-close i {
+.el-window-body-title .com-title-close i {
   width: 20px;
   height: 20px;
   margin: 0 4px;
   cursor: pointer;
 }
-.window .window-body .window-body-div {
+.el-window-body-div {
   flex: 1;
   overflow-y: auto;
   padding: 20px;
 }
-.window .window-body.max {
+.el-window-body.max {
   width: 100vw !important;
   height: 100vh !important;
   top: initial !important;
   left: initial !important;
 }
-.window .window-body.max::-webkit-scrollbar {
+.el-window-body.max::-webkit-scrollbar {
   width: 0 !important;
 }

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

@@ -1,4 +1,4 @@
-declare const Window: import('../../utils/vues').WithInstall<{
+declare const Window: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
         drag: {
             type: (BooleanConstructor | StringConstructor)[];
@@ -31,9 +31,16 @@ declare const Window: import('../../utils/vues').WithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        noMin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         often: {
             type: BooleanConstructor;
         };
+        max: {
+            type: BooleanConstructor;
+        };
         title: {
             type: StringConstructor;
         };
@@ -46,16 +53,21 @@ declare const Window: import('../../utils/vues').WithInstall<{
         disabled: {
             type: BooleanConstructor;
         };
+        boxClass: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
         mask: boolean;
         modelValue: boolean;
         disabled: boolean;
+        max: boolean;
         drag: string | boolean;
-        often: boolean;
         adjust: boolean;
+        often: boolean;
         maskClose: boolean;
         minChange: boolean;
         closeHave: boolean;
+        noMin: boolean;
     }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
         refBox: HTMLDivElement;
         refBody: HTMLDivElement;
@@ -98,9 +110,16 @@ declare const Window: import('../../utils/vues').WithInstall<{
             type: BooleanConstructor;
             default: boolean;
         };
+        noMin: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
         often: {
             type: BooleanConstructor;
         };
+        max: {
+            type: BooleanConstructor;
+        };
         title: {
             type: StringConstructor;
         };
@@ -113,16 +132,21 @@ declare const Window: import('../../utils/vues').WithInstall<{
         disabled: {
             type: BooleanConstructor;
         };
+        boxClass: {
+            type: StringConstructor;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, {
         mask: boolean;
         modelValue: boolean;
         disabled: boolean;
+        max: boolean;
         drag: string | boolean;
-        often: boolean;
         adjust: boolean;
+        often: boolean;
         maskClose: boolean;
         minChange: boolean;
         closeHave: boolean;
+        noMin: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -159,9 +183,16 @@ declare const Window: import('../../utils/vues').WithInstall<{
         type: BooleanConstructor;
         default: boolean;
     };
+    noMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     often: {
         type: BooleanConstructor;
     };
+    max: {
+        type: BooleanConstructor;
+    };
     title: {
         type: StringConstructor;
     };
@@ -174,17 +205,22 @@ declare const Window: import('../../utils/vues').WithInstall<{
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
     mask: boolean;
     modelValue: boolean;
     disabled: boolean;
+    max: boolean;
     drag: string | boolean;
-    often: boolean;
     adjust: boolean;
+    often: boolean;
     maskClose: boolean;
     minChange: boolean;
     closeHave: boolean;
+    noMin: 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>;
+    $slots: Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>> & Partial<Record<string, (_: {}) => any>>;
+}) & import('vue').Plugin;
 export { Window, Window as default };

package/dist/components/window/index.js

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

package/dist/components/window/index.scss

@@ -1,20 +1,21 @@
 // @use '../common.scss' as *;
 
-// @use '../box-mask/index.scss' as *;
-// @use '../box-title/index.scss' as *;
+// @use '../box-mask/src/index.scss' as *;
+// @use '../box-title/src/index.scss' as *;
 
-@use '../common.scss' as *;
+@use '../css/common.scss' as *;
 @use '../box-mask/index.scss' as *;
 @use '../box-title/index.scss' as *;
 
-.#{$namespace}window {
+$window: 'window';
+@include b($window) {
 	position: fixed;
 	width: 100vw;
 	height: 100vh;
 	z-index: 1000;
 	top: 0;
 	left: 0;
-	.window-body {
+	&-body {
 		position: absolute;
 		top: 30%;
 		left: 30%;
@@ -24,7 +25,7 @@
 		height: 40%;
 		display: flex;
 		flex-direction: column;
-		.window-title {
+		&-title {
 			.com-title-close {
 				i {
 					width: 20px;
@@ -34,7 +35,7 @@
 				}
 			}
 		}
-		.window-body-div {
+		&-div {
 			flex: 1;
 			overflow-y: auto;
 			padding: 20px;

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

@@ -53,16 +53,29 @@ const dataProps = buildProps.buildProps({
     type: Boolean,
     default: true
   },
+  /**
+   * @props {Boolean} noMin=false ( ) 是否不要最小化
+   */
+  noMin: {
+    type: Boolean,
+    default: false
+  },
   /**
    * @props { Boolean } often= ( ) 是否时时变化
    */
   often: {
     type: Boolean
+  },
+  max: {
+    type: Boolean
   }
 });
-const dataEmits = [...data.dataEmits, "minimize"];
+const dataEmits = [...data.dataEmits, "minimize", "changesize"];
 const dataSlot = {
-  ...data.dataSlot
+  ...data.dataSlot,
+  "icon-min": "icon-min",
+  "icon-max": "icon-max",
+  "icon-full": "icon-full"
 };
 const dataExpose = { ...data.dataExpose };
 exports.dataEmits = dataEmits;

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

@@ -53,12 +53,22 @@ export declare const dataProps: {
         type: BooleanConstructor;
         default: boolean;
     };
+    /**
+     * @props {Boolean} noMin=false ( ) 是否不要最小化
+     */
+    noMin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
     /**
      * @props { Boolean } often= ( ) 是否时时变化
      */
     often: {
         type: BooleanConstructor;
     };
+    max: {
+        type: BooleanConstructor;
+    };
     title: {
         type: StringConstructor;
     };
@@ -71,6 +81,9 @@ export declare const dataProps: {
     disabled: {
         type: BooleanConstructor;
     };
+    boxClass: {
+        type: StringConstructor;
+    };
 };
 export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 /**
@@ -78,8 +91,14 @@ export type DataProps = ExtractPublicPropTypes<typeof dataProps>;
 export declare const dataEmits: string[];
 export type DataEmits = typeof dataEmits;
 /**
+ * @slot icon-min 最小化图标
+ * @slot icon-max 最大化图标
+ * @slot icon-full 全屏图标
  */
 export declare const dataSlot: {
+    'icon-min': string;
+    'icon-max': string;
+    'icon-full': string;
     default: string;
     title: string;
     footer: string;

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

@@ -51,16 +51,29 @@ const dataProps = buildProps({
     type: Boolean,
     default: true
   },
+  /**
+   * @props {Boolean} noMin=false ( ) 是否不要最小化
+   */
+  noMin: {
+    type: Boolean,
+    default: false
+  },
   /**
    * @props { Boolean } often= ( ) 是否时时变化
    */
   often: {
     type: Boolean
+  },
+  max: {
+    type: Boolean
   }
 });
-const dataEmits = [...dataEmits$1, "minimize"];
+const dataEmits = [...dataEmits$1, "minimize", "changesize"];
 const dataSlot = {
-  ...dataSlot$1
+  ...dataSlot$1,
+  "icon-min": "icon-min",
+  "icon-max": "icon-max",
+  "icon-full": "icon-full"
 };
 const dataExpose = { ...dataExpose$1 };
 export {