@fangzhongya/fang-ui 0.1.26 → 0.1.28

package/dist/index.css

@@ -13,6 +13,15 @@
   --g-main-bg: var(--bg-color-page);
 }
 
+.com-footer {
+  border-top: 1px solid var(--border);
+  padding: 20px 20px;
+}
+
+.com-lable-array {
+  line-height: 18px;
+}
+
 .forms-div {
   width: 100%;
   height: 100%;
@@ -101,12 +110,6 @@
   font-size: 0;
 }
 
-.dates .dates-date {
-  height: 100%;
-  width: 100%;
-  box-sizing: border-box;
-}
-
 .selects-select {
   height: 100%;
   min-width: 60px;
@@ -116,6 +119,12 @@
   height: 100%;
 }
 
+.dates .dates-date {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .inputs-input {
   height: 100%;
 }
@@ -1835,4 +1844,60 @@
   left: 0;
   z-index: 1;
   opacity: 0;
+}
+
+.tablesvp {
+  width: 100%;
+  height: var(--tablesvp-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvp-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvp-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvp-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvp-paginat {
+  overflow: hidden;
+}
+.tablesvp-paginat .el-pagination {
+  justify-content: flex-end;
+}
+
+.tablesvpd {
+  width: 100%;
+  height: var(--tablesvpd-height);
+  display: flex;
+  flex-direction: column;
+}
+.tablesvpd-main {
+  display: flex;
+  flex-direction: column;
+  flex: 1;
+  width: 100%;
+}
+.tablesvpd-main.is-radio .el-table__header .el-table-column--selection .el-checkbox {
+  display: none;
+}
+.tablesvpd-main.is-scroll .v-scroll-add {
+  text-align: center;
+  padding: 10px;
+  color: #999;
+  background-color: #eee;
+}
+.tablesvpd-paginat {
+  overflow: hidden;
+}
+.tablesvpd-paginat .el-pagination {
+  justify-content: flex-end;
 }

package/dist/index.js

@@ -1,6 +1,7 @@
 import * as index$K from "./components/index.js";
 import * as index$L from "./directives/index.js";
 import icons from "./icons/index.js";
+import { Draggable } from "./components/draggable/index.js";
 export * from "element-plus/es/components/button/index";
 import { Button } from "./components/button/index.js";
 export * from "element-plus/es/components/card/index";
@@ -114,6 +115,7 @@ import { FormsItem } from "./components/forms-item/index.js";
 import { FormsItems } from "./components/forms-items/index.js";
 import { Forms } from "./components/forms/index.js";
 import { BoxAdjust } from "./components/box-adjust/index.js";
+import { BoxFun } from "./components/box-fun/index.js";
 import { BoxLocal } from "./components/box-local/index.js";
 import { BoxMask } from "./components/box-mask/index.js";
 import { BoxTeleport } from "./components/box-teleport/index.js";
@@ -183,6 +185,7 @@ import { Tablespd } from "./components/tablespd/index.js";
 import { Tabless } from "./components/tabless/index.js";
 import { Tablesv } from "./components/tablesv/index.js";
 import { Tablesvp } from "./components/tablesvp/index.js";
+import { Tablesvpd } from "./components/tablesvpd/index.js";
 import { default as default2 } from "./directives/adjust/index.js";
 import { default as default3 } from "./directives/drag/index.js";
 import { default as default4 } from "./directives/expose/index.js";
@@ -214,6 +217,7 @@ export {
   Autocomplete,
   Box,
   BoxAdjust,
+  BoxFun,
   BoxLocal,
   BoxMask,
   BoxTeleport,
@@ -245,6 +249,7 @@ export {
   Dialogs,
   Divider,
   default3 as Drag,
+  Draggable,
   Drawer,
   Dropdown,
   DropdownItem,
@@ -335,6 +340,7 @@ export {
   Tabless,
   Tablesv,
   Tablesvp,
+  Tablesvpd,
   Tabs,
   Tag,
   Text,

package/dist/type.d.ts

@@ -168,8 +168,6 @@ type TableConfig = {
 		align?: string;
 		//拖动改变宽度
 		resizable?: boolean;
-		// 排序方式 前端/后端
-		sort?: boolean;
 		//列的宽度是否自撑开
 		fit?: boolean;
 		// 是否显示表头
@@ -190,9 +188,16 @@ type TableConfig = {
 		[key: string]: string | Function;
 	};
 	// 排序
-	defaultSort?: {
-		prop?: string;
-		order?: 'asc' | 'ascending' | 'desc' | 'descending' | '';
+	sort?: {
+		is?: boolean;
+		// 分页方式 前端/后端
+		front?: boolean;
+		// 前端排序的方法
+		frontSort?: Function;
+		default?: {
+			prop?: string;
+			order?: 'asc' | 'ascending' | 'desc' | 'descending' | '';
+		};
 	};
 	// 分页
 	paginat?: {

package/dist/utils/vues/getBoxDom.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const enums = require("../enums.cjs");
+function getBoxDom() {
+  const id = enums.FunctConfig.BOXIDNAME.trim();
+  if (document) {
+    const dom = document == null ? void 0 : document.querySelector(id);
+    if (!dom) {
+      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);
+      return d;
+    } else {
+      return dom;
+    }
+  }
+}
+exports.getBoxDom = getBoxDom;

package/dist/utils/vues/getBoxDom.d.ts

@@ -0,0 +1 @@
+export declare function getBoxDom(): Element | undefined;

package/dist/utils/vues/getBoxDom.js

@@ -0,0 +1,22 @@
+import { FunctConfig } from "../enums.js";
+function getBoxDom() {
+  const id = FunctConfig.BOXIDNAME.trim();
+  if (document) {
+    const dom = document == null ? void 0 : document.querySelector(id);
+    if (!dom) {
+      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);
+      return d;
+    } else {
+      return dom;
+    }
+  }
+}
+export {
+  getBoxDom
+};

package/dist/utils/vues/index.cjs

@@ -4,6 +4,7 @@ const buildProps = require("./buildProps.cjs");
 const common = require("./common.cjs");
 const definePropType = require("./definePropType.cjs");
 const getAttrValue = require("./getAttrValue.cjs");
+const getBoxDom = require("./getBoxDom.cjs");
 const getBuildProps = require("./getBuildProps.cjs");
 const withInstall = require("./withInstall.cjs");
 const withInstallFunction = require("./withInstallFunction.cjs");
@@ -15,6 +16,7 @@ exports.setMinWidth = common.setMinWidth;
 exports.setVueValue = common.setVueValue;
 exports.definePropType = definePropType.definePropType;
 exports.getAttrValue = getAttrValue.getAttrValue;
+exports.getBoxDom = getBoxDom.getBoxDom;
 exports.ObjConfig = getBuildProps.ObjConfig;
 exports.epPropKey = getBuildProps.epPropKey;
 exports.getBuildProps = getBuildProps.getBuildProps;

package/dist/utils/vues/index.d.ts

@@ -2,6 +2,7 @@ export * from './buildProps';
 export * from './common';
 export * from './definePropType';
 export * from './getAttrValue';
+export * from './getBoxDom';
 export * from './getBuildProps';
 export * from './withInstall';
 export * from './withInstallFunction';

package/dist/utils/vues/index.js

@@ -2,6 +2,7 @@ import { buildProps } from "./buildProps.js";
 import { eventAliass, setClass, setHide, setMinWidth, setVueValue } from "./common.js";
 import { definePropType } from "./definePropType.js";
 import { getAttrValue } from "./getAttrValue.js";
+import { getBoxDom } from "./getBoxDom.js";
 import { ObjConfig, epPropKey, getBuildProps } from "./getBuildProps.js";
 import { withInstall } from "./withInstall.js";
 import { withInstallFunction } from "./withInstallFunction.js";
@@ -12,6 +13,7 @@ export {
   epPropKey,
   eventAliass,
   getAttrValue,
+  getBoxDom,
   getBuildProps,
   setClass,
   setHide,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.1.26",
+  "version": "0.1.28",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,41 +24,40 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.46"
+    "@fangzhongya/utils": "0.0.48"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.41",
-    "@types/node": "^24.10.0",
+    "@types/node": "^24.10.1",
     "@types/sortablejs": "1.15.9",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/shared": "3.5.24",
     "axios": "^1.13.2",
     "d3-timer": "3.0.1",
-    "element-plus": "^2.11.7",
+    "element-plus": "^2.11.8",
     "fast-glob": "^3.3.3",
-    "sass": "^1.93.3",
+    "sass": "^1.94.1",
     "sortablejs": "1.15.6",
     "ts-node": "^10.9.2",
-    "tsup": "^8.5.0",
+    "tsup": "^8.5.1",
     "typescript": "^5.9.3",
     "unplugin-auto-import": "20.2.0",
     "unplugin-dts": "1.0.0-beta.6",
     "unplugin-vue-components": "30.0.0",
     "vite": "^6.3.5",
     "vitepress": "1.6.4",
-    "vitest": "^4.0.8",
+    "vitest": "^4.0.10",
     "vue": "^3.5.24",
-    "vue-tsc": "^3.1.3",
-    "vuedraggable": "4.1.0",
-    "vxe-table": "4.17.13",
-    "@fang-ui/directives": "0.0.1-0",
+    "vue-tsc": "^3.1.4",
+    "vxe-table": "4.6.20",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/types": "0.0.1-0"
+    "@fang-ui/directives": "0.0.1-0",
+    "@fang-ui/icons": "0.0.1-0",
+    "@fang-ui/theme": "0.0.1-0",
+    "@fang-ui/types": "0.0.1-0",
+    "@fang-ui/utils": "0.0.1-0"
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",

package/dist/components/common/compons.cjs

@@ -1,76 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vue = require("vue");
-require("../../utils/index.cjs");
-const index$m = require("../array/index.cjs");
-const index$l = require("../checks/index.cjs");
-const index$j = require("../dates/index.cjs");
-const index$k = require("../selects/index.cjs");
-const index$i = require("../inputs/index.cjs");
-const index$h = require("../labels/index.cjs");
-const index$g = require("../switchs/index.cjs");
-const index$f = require("../buttons/index.cjs");
-const index$e = require("../dates-divide/index.cjs");
-const index$d = require("../dates-picker/index.cjs");
-const index$c = require("../edit-float/index.cjs");
-const index$b = require("../edit/index.cjs");
-const index$a = require("../history/index.cjs");
-const index$9 = require("../images/index.cjs");
-const index$8 = require("../input-array/index.cjs");
-const index$7 = require("../input-history/index.cjs");
-const index$6 = require("../input-select/index.cjs");
-const index$5 = require("../select-scroll/index.cjs");
-const index$4 = require("../selector/index.cjs");
-const index$3 = require("../cascaders/index.cjs");
-const index$2 = require("../input-num/index.cjs");
-const index$1 = require("../texts/index.cjs");
-const index = require("../uploads/index.cjs");
-const lineToLargeHump = require("@fangzhongya/utils/name/lineToLargeHump");
-const components = {
-  Array: index$m.Array,
-  Check: index$l.Checks,
-  Select: index$k.Selects,
-  Date: index$j.Dates,
-  Input: index$i.Inputs,
-  Labels: index$h.Labels,
-  Switch: index$g.Switchs,
-  Buttons: index$f.Buttons,
-  DateDivide: index$e.DatesDivide,
-  DatePicker: index$d.DatesPicker,
-  EditFloat: index$c.EditFloat,
-  Edit: index$b.Edit,
-  History: index$a.History,
-  Images: index$9.Images,
-  InputArray: index$8.InputArray,
-  InputHistory: index$7.InputHistory,
-  InputSelect: index$6.InputSelect,
-  SelectScroll: index$5.SelectScroll,
-  Selector: index$4.Selector,
-  Cascader: index$3.Cascaders,
-  InputNum: index$2.InputNum,
-  Text: index$1.Texts,
-  Upload: index.Uploads
-};
-function getCompons(...arrs) {
-  const coms = { ...components };
-  arrs.forEach((obj) => {
-    Object.keys(obj).forEach((key) => {
-      const tkey = lineToLargeHump.lineToLargeHump(key);
-      coms[tkey] = obj[key];
-    });
-  });
-  return coms;
-}
-const comKey = "com-compons";
-function useCompons(key, ...arrs) {
-  const tfcom = getCompons(...arrs);
-  vue.provide(key || comKey, tfcom);
-  return tfcom;
-}
-function useGetCompons(key, value = {}) {
-  return vue.inject(key || comKey, value);
-}
-exports.components = components;
-exports.getCompons = getCompons;
-exports.useCompons = useCompons;
-exports.useGetCompons = useGetCompons;

package/dist/components/common/compons.d.ts

@@ -1,9 +0,0 @@
-import { Component } from 'vue';
-type Compons = {
-    [key: string]: Component;
-};
-export declare const components: Compons;
-export declare function getCompons(...arrs: Compons[]): Compons;
-export declare function useCompons(key: string, ...arrs: Compons[]): Compons;
-export declare function useGetCompons(key: string, value?: Compons): Compons;
-export {};

package/dist/components/common/compons.js

@@ -1,76 +0,0 @@
-import { provide, inject } from "vue";
-import "../../utils/index.js";
-import { Array } from "../array/index.js";
-import { Checks } from "../checks/index.js";
-import { Dates } from "../dates/index.js";
-import { Selects } from "../selects/index.js";
-import { Inputs } from "../inputs/index.js";
-import { Labels } from "../labels/index.js";
-import { Switchs } from "../switchs/index.js";
-import { Buttons } from "../buttons/index.js";
-import { DatesDivide } from "../dates-divide/index.js";
-import { DatesPicker } from "../dates-picker/index.js";
-import { EditFloat } from "../edit-float/index.js";
-import { Edit } from "../edit/index.js";
-import { History } from "../history/index.js";
-import { Images } from "../images/index.js";
-import { InputArray } from "../input-array/index.js";
-import { InputHistory } from "../input-history/index.js";
-import { InputSelect } from "../input-select/index.js";
-import { SelectScroll } from "../select-scroll/index.js";
-import { Selector } from "../selector/index.js";
-import { Cascaders } from "../cascaders/index.js";
-import { InputNum } from "../input-num/index.js";
-import { Texts } from "../texts/index.js";
-import { Uploads } from "../uploads/index.js";
-import { lineToLargeHump } from "@fangzhongya/utils/name/lineToLargeHump";
-const components = {
-  Array,
-  Check: Checks,
-  Select: Selects,
-  Date: Dates,
-  Input: Inputs,
-  Labels,
-  Switch: Switchs,
-  Buttons,
-  DateDivide: DatesDivide,
-  DatePicker: DatesPicker,
-  EditFloat,
-  Edit,
-  History,
-  Images,
-  InputArray,
-  InputHistory,
-  InputSelect,
-  SelectScroll,
-  Selector,
-  Cascader: Cascaders,
-  InputNum,
-  Text: Texts,
-  Upload: Uploads
-};
-function getCompons(...arrs) {
-  const coms = { ...components };
-  arrs.forEach((obj) => {
-    Object.keys(obj).forEach((key) => {
-      const tkey = lineToLargeHump(key);
-      coms[tkey] = obj[key];
-    });
-  });
-  return coms;
-}
-const comKey = "com-compons";
-function useCompons(key, ...arrs) {
-  const tfcom = getCompons(...arrs);
-  provide(key || comKey, tfcom);
-  return tfcom;
-}
-function useGetCompons(key, value = {}) {
-  return inject(key || comKey, value);
-}
-export {
-  components,
-  getCompons,
-  useCompons,
-  useGetCompons
-};

package/dist/components/common/compons.scss

@@ -1,26 +0,0 @@
-@use '../array/index.scss' as *;
-@use '../checks/index.scss' as *;
-@use '../dates/index.scss' as *;
-@use '../selects/index.scss' as *;
-@use '../inputs/index.scss' as *;
-@use '../labels/index.scss' as *;
-@use '../switchs/index.scss' as *;
-
-@use '../buttons/index.scss' as *;
-@use '../dates-divide/index.scss' as *;
-@use '../dates-picker/index.scss' as *;
-@use '../edit-float/index.scss' as *;
-@use '../edit/index.scss' as *;
-@use '../history/index.scss' as *;
-@use '../images/index.scss' as *;
-@use '../input-array/index.scss' as *;
-@use '../input-history/index.scss' as *;
-@use '../input-select/index.scss' as *;
-@use '../select-scroll/index.scss' as *;
-@use '../selector/index.scss' as *;
-
-@use '../cascaders/index.scss' as *;
-@use '../input-num/index.scss' as *;
-@use '../texts/index.scss' as *;
-
-@use '../uploads/index.scss' as *;

package/dist/components/common/compons2.scss

@@ -1,26 +0,0 @@
-@use '../array/style/index2.scss' as *;
-@use '../checks/style/index2.scss' as *;
-@use '../dates/style/index2.scss' as *;
-@use '../selects/style/index2.scss' as *;
-@use '../inputs/style/index2.scss' as *;
-@use '../labels/style/index2.scss' as *;
-@use '../switchs/style/index2.scss' as *;
-
-@use '../buttons/style/index2.scss' as *;
-@use '../dates-divide/style/index2.scss' as *;
-@use '../dates-picker/style/index2.scss' as *;
-@use '../edit-float/style/index2.scss' as *;
-@use '../edit/style/index2.scss' as *;
-@use '../history/style/index2.scss' as *;
-@use '../images/style/index2.scss' as *;
-@use '../input-array/style/index2.scss' as *;
-@use '../input-history/style/index2.scss' as *;
-@use '../input-select/style/index2.scss' as *;
-@use '../select-scroll/style/index2.scss' as *;
-@use '../selector/style/index2.scss' as *;
-
-@use '../cascaders/style/index2.scss' as *;
-@use '../input-num/style/index2.scss' as *;
-@use '../texts/style/index2.scss' as *;
-
-@use '../uploads/style/index2.scss' as *;