@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 :root {
   --on: rgb(91, 189, 246);
   --color-primary: #409eff;
@@ -108,7 +109,7 @@
 
 .selects-select {
   height: 100%;
-  min-width: 100px;
+  min-width: 60px;
   width: 100%;
 }
 .selects-select > div {
@@ -201,6 +202,11 @@
   cursor: not-allowed;
 }
 
+.images-img {
+  width: 100%;
+  height: 100%;
+}
+
 .input-array {
   width: 100%;
   display: inline-flex;
@@ -446,6 +452,107 @@
   width: 100%;
 }
 
+.uploads {
+  display: flex;
+  align-items: center;
+}
+.uploads-upload-trigger {
+  width: 60px;
+  height: 60px;
+  border: 1px dashed #ccc;
+  font-size: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.uploads-upload-trigger.is-disabled {
+  box-shadow: 0 0 0 1px var(--el-disabled-border-color) inset;
+  background-color: var(--el-disabled-bg-color);
+  color: var(--el-disabled-text-color);
+  cursor: not-allowed;
+}
+.uploads-list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.uploads-list-li {
+  position: relative;
+  margin-right: 10px;
+  width: 60px;
+  height: 60px;
+  border: 1px solid #ccc;
+}
+.uploads-list-li:hover .uploads-list-li-operation {
+  display: flex;
+}
+.uploads-list-li-operation {
+  position: absolute;
+  background-color: rgba(0, 0, 0, 0.5);
+  inset: 0;
+  z-index: 100;
+  display: none;
+  align-items: center;
+  justify-content: center;
+  color: #fff;
+}
+.uploads-list-li-operation > span {
+  font-size: 16px;
+  padding: 3px;
+  line-height: 1;
+  cursor: pointer;
+}
+.uploads-list-li-operation-delete {
+  color: var(--el-color-danger);
+}
+.uploads-list-li-value {
+  height: 100%;
+}
+.uploads-list-li-value-img {
+  height: 100%;
+  width: 100%;
+}
+.uploads-list-li-value-img-error {
+  font-size: 14px;
+  background-color: var(--el-fill-color-light);
+  color: var(--el-text-color-placeholder);
+  max-height: 100%;
+  /* 换行设置 */
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  /* 多行省略 */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+  line-height: 1.1;
+}
+.uploads-list-li-value-document {
+  height: 100%;
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.uploads-list-li-value-document-bg {
+  position: absolute;
+  inset: 0;
+  opacity: 0.1;
+}
+.uploads-list-li-value-document-text {
+  max-height: 100%;
+  /* 换行设置 */
+  white-space: normal;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  /* 多行省略 */
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+  overflow: hidden;
+  line-height: 1.1;
+}
+
 .forms {
   --forms-inline-right: 16px;
   --forms-row-height: 32px;
@@ -573,6 +680,23 @@
   display: flex;
   flex-direction: column;
 }
+.box-adjust-body.is-max {
+  width: 100vw !important;
+  height: 100vh !important;
+  top: initial !important;
+  left: initial !important;
+}
+.box-adjust-body.is-max::-webkit-scrollbar {
+  width: 0 !important;
+}
+.box-adjust-body .box-adjust-title-icon {
+  width: 20px;
+  display: inline-flex;
+  align-items: center;
+  margin: 0 4px;
+  height: 100%;
+  cursor: pointer;
+}
 .box-adjust-body-div {
   flex: 1;
   overflow-y: auto;
@@ -649,6 +773,18 @@
   padding: 20px 20px;
 }
 
+.full-screen {
+  width: 100%;
+  height: 100%;
+  background-color: #fff;
+  position: relative;
+}
+.full-screen-buts {
+  position: absolute;
+  top: 5px;
+  right: 5px;
+}
+
 .no-data {
   text-align: center;
   margin-top: 20px;
@@ -1154,6 +1290,154 @@
   align-items: center;
 }
 
+.audios.is-playing .audios-name {
+  background-color: antiquewhite;
+}
+.audios-slider {
+  display: flex;
+  align-items: center;
+}
+.audios-duration {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+.audios-control {
+  display: flex;
+  align-items: center;
+}
+.audios-control-buts {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+.audios-control-volume {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.audios-control-volume-but {
+  margin-left: 10px;
+  margin-right: 15px;
+}
+.audios-control-volume-slider {
+  min-width: 40px;
+  max-width: 160px;
+}
+.audios-list-li.is-active {
+  background-color: aqua;
+}
+
+.videos {
+  display: flex;
+  height: 100%;
+  border-radius: 8px;
+  background: #000;
+  color: #fff;
+  position: relative;
+  --videos-list-width: 20%;
+}
+.videos.is-fullscreen {
+  border-radius: 0;
+}
+.videos.is-fullscreen .videos-controls-bottom {
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  width: 100%;
+}
+.videos.is-fullscreen .videos-list {
+  background-color: rgba(238, 238, 238, 0.5);
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+}
+.videos.is-list .videos-controls-bottom {
+  width: calc(100% - var(--videos-list-width));
+}
+.videos-videos {
+  flex: 1;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  position: relative;
+}
+.videos-videos .videos-controls-top {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 100;
+  padding: 5px;
+  background-color: rgba(238, 238, 238, 0.5);
+}
+.videos-videos .videos-video {
+  flex: 1;
+  margin: 0 auto;
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+.videos-videos .videos-video video {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  cursor: pointer;
+}
+.videos-videos .videos-controls-bottom .videos-slider {
+  display: flex;
+  align-items: center;
+}
+.videos-videos .videos-controls-bottom .videos-slider-slider {
+  margin-left: 10px;
+}
+.videos-videos .videos-controls-bottom .videos-slider .videos-duration {
+  margin-left: 20px;
+  display: flex;
+  align-items: center;
+}
+.videos-videos .videos-controls-bottom .videos-control {
+  display: flex;
+  align-items: center;
+}
+.videos-videos .videos-controls-bottom .videos-control-buts {
+  display: flex;
+  align-items: center;
+}
+.videos-videos .videos-controls-bottom .videos-control-volume {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+}
+.videos-videos .videos-controls-bottom .videos-control-volume-but {
+  margin-left: 10px;
+  margin-right: 15px;
+}
+.videos-videos .videos-controls-bottom .videos-control-volume-slider {
+  min-width: 40px;
+  max-width: 120px;
+  margin-right: 5px;
+}
+.videos-videos .videos-controls-bottom .videos-control-more {
+  display: flex;
+  align-items: center;
+}
+.videos-videos .videos-controls-bottom .videos-control-more-rate {
+  width: 60px;
+  margin: 0 10px;
+}
+.videos-list {
+  width: var(--videos-list-width);
+  height: 100%;
+  box-sizing: border-box;
+  padding: 10px;
+}
+
 .retract {
   position: relative;
 }
@@ -1240,6 +1524,35 @@
   align-items: center;
 }
 
+.sliders {
+  width: 100%;
+  position: relative;
+}
+.sliders-slider {
+  width: 100%;
+}
+.sliders-slider.el-slider--small {
+  --el-slider-height: 4px;
+  --el-slider-button-wrapper-size: 28px;
+  --el-slider-button-size: 16px;
+  --el-slider-button-wrapper-offset: -12px;
+}
+.sliders .el-slider__bar {
+  z-index: 2;
+}
+.sliders .el-slider__button-wrapper {
+  z-index: 3;
+}
+.sliders-advance {
+  position: absolute;
+  left: 0;
+  width: var(--sliders-advance-width);
+  z-index: 1;
+  background-color: var(--sliders-advance-color, var(--el-color-success));
+  border-radius: var(--el-slider-border-radius);
+  height: var(--el-slider-height);
+}
+
 .lists {
   width: 100%;
   min-height: 100px;

package/dist/index.js

@@ -4,7 +4,6 @@ import icons from "./icons/index.js";
 import { Button } from "./components/button/index.js";
 import { Card } from "./components/card/index.js";
 import { ColorPicker } from "./components/color-picker/index.js";
-import { Image } from "./components/image/index.js";
 import { Pagination } from "./components/pagination/index.js";
 import { Scrollbar } from "./components/scrollbar/index.js";
 import { Tag } from "./components/tag/index.js";
@@ -49,6 +48,8 @@ import { Slider } from "./components/slider/index.js";
 import { Switch } from "./components/switch/index.js";
 import { Transfer } from "./components/transfer/index.js";
 import { Upload } from "./components/upload/index.js";
+import { ImageViewer } from "./components/image-viewer/index.js";
+import { Image } from "./components/image/index.js";
 import { MenuItemGroup } from "./components/menu-item-group/index.js";
 import { MenuItem } from "./components/menu-item/index.js";
 import { Menu } from "./components/menu/index.js";
@@ -74,6 +75,7 @@ import { BoxTeleport } from "./components/box-teleport/index.js";
 import { BoxTitle } from "./components/box-title/index.js";
 import { Box } from "./components/box/index.js";
 import { Dialogs } from "./components/dialogs/index.js";
+import { FullScreen } from "./components/full-screen/index.js";
 import { NoData } from "./components/no-data/index.js";
 import { Popup } from "./components/popup/index.js";
 import { RightKey } from "./components/right-key/index.js";
@@ -89,6 +91,9 @@ import { Iframe } from "./components/iframe/index.js";
 import { KeepCom } from "./components/keep-com/index.js";
 import { Menus } from "./components/menus/index.js";
 import { Page } from "./components/page/index.js";
+import { Audios } from "./components/audios/index.js";
+import { Images } from "./components/images/index.js";
+import { Videos } from "./components/videos/index.js";
 import { Retract } from "./components/retract/index.js";
 import { ChoiceSelect } from "./components/choice-select/index.js";
 import { CompanySelect } from "./components/company-select/index.js";
@@ -109,7 +114,6 @@ import { Dates2 } from "./components/dates2/index.js";
 import { EditFloat } from "./components/edit-float/index.js";
 import { Edit } from "./components/edit/index.js";
 import { History } from "./components/history/index.js";
-import { Images } from "./components/images/index.js";
 import { InputArray } from "./components/input-array/index.js";
 import { InputHistory } from "./components/input-history/index.js";
 import { InputNum } from "./components/input-num/index.js";
@@ -119,8 +123,10 @@ import { Labels } from "./components/labels/index.js";
 import { SelectScroll } from "./components/select-scroll/index.js";
 import { Selector } from "./components/selector/index.js";
 import { Selects } from "./components/selects/index.js";
+import { Sliders } from "./components/sliders/index.js";
 import { Switchs } from "./components/switchs/index.js";
 import { Texts } from "./components/texts/index.js";
+import { Uploads } from "./components/uploads/index.js";
 import { List } from "./components/list/index.js";
 import { Lists } from "./components/lists/index.js";
 import { Listsp } from "./components/listsp/index.js";
@@ -133,9 +139,10 @@ import { Tablesvp } from "./components/tablesvp/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";
-import { default as default5 } from "./directives/locus/index.js";
-import { default as default6 } from "./directives/scroll/index.js";
-import { default as default7 } from "./directives/stick/index.js";
+import { default as default5 } from "./directives/inserted/index.js";
+import { default as default6 } from "./directives/locus/index.js";
+import { default as default7 } from "./directives/scroll/index.js";
+import { default as default8 } from "./directives/stick/index.js";
 const index = {
   install: function(app) {
     const com = index$1;
@@ -155,6 +162,7 @@ export {
   default2 as Adjust,
   Alert,
   Array,
+  Audios,
   Autocomplete,
   Box,
   BoxAdjust,
@@ -203,12 +211,14 @@ export {
   FormsDrag,
   FormsItem,
   FormsItems,
+  FullScreen,
   GlobalConfig,
   History,
   Icon,
   IconPicker,
   Iframe,
   Image,
+  ImageViewer,
   Images,
   Input,
   InputArray,
@@ -218,13 +228,14 @@ export {
   InputSelect,
   InputTag,
   Inputs,
+  default5 as Inserted,
   KeepCom,
   Labels,
   List,
   Lists,
   Listsp,
   Loading,
-  default5 as Locus,
+  default6 as Locus,
   Mention,
   Menu,
   MenuItem,
@@ -247,7 +258,7 @@ export {
   Retract,
   RightKey,
   RoleSelect,
-  default6 as Scroll,
+  default7 as Scroll,
   Scrollbar,
   SeamlessScroll,
   Select,
@@ -257,7 +268,8 @@ export {
   Selector,
   Selects,
   Slider,
-  default7 as Stick,
+  Sliders,
+  default8 as Stick,
   StickDiv,
   StickEdge,
   StickWindow,
@@ -284,8 +296,10 @@ export {
   TreeSelect,
   TreeSelectBox,
   Upload,
+  Uploads,
   UserSelect,
   vLoading as VLoading,
+  Videos,
   Window,
   index as default,
   vLoading2 as vLoading

package/dist/locale/zh-cn.cjs

@@ -57,6 +57,23 @@ const ZhCn = {
       selected: "已选字段",
       delete: "删除",
       nodata: "未选字段"
+    },
+    upload: {
+      delete: "删除",
+      views: "查看",
+      download: "下载",
+      error: {
+        format: "导入$1格式不正确，请导入$2格式的$1",
+        name: "文件缺少扩展名",
+        size: "导入$1超出限制"
+      },
+      type: {
+        a: "音频",
+        v: "视频",
+        i: "图片",
+        e: "文档",
+        "": "文件"
+      }
     }
   }
 };

package/dist/locale/zh-cn.d.ts

@@ -56,6 +56,23 @@ declare const _default: {
             delete: string;
             nodata: string;
         };
+        upload: {
+            delete: string;
+            views: string;
+            download: string;
+            error: {
+                format: string;
+                name: string;
+                size: string;
+            };
+            type: {
+                a: string;
+                v: string;
+                i: string;
+                e: string;
+                '': string;
+            };
+        };
     };
 };
 export default _default;

package/dist/locale/zh-cn.js

@@ -55,6 +55,23 @@ const ZhCn = {
       selected: "已选字段",
       delete: "删除",
       nodata: "未选字段"
+    },
+    upload: {
+      delete: "删除",
+      views: "查看",
+      download: "下载",
+      error: {
+        format: "导入$1格式不正确，请导入$2格式的$1",
+        name: "文件缺少扩展名",
+        size: "导入$1超出限制"
+      },
+      type: {
+        a: "音频",
+        v: "视频",
+        i: "图片",
+        e: "文档",
+        "": "文件"
+      }
     }
   }
 };

package/dist/utils/vues/common.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const vues = require("vue");
+const vue = require("vue");
 require("../util.cjs");
 const isObject = require("@fangzhongya/utils/basic/object/isObject");
 const isArray = require("@fangzhongya/utils/basic/array/isArray");
@@ -154,7 +154,7 @@ function eventAlias(key, callback, obj, $event) {
           callback(obj[v]);
         }
       };
-      vues.withModifiers(fn, ns)();
+      vue.withModifiers(fn, ns)();
     } else {
       callback(obj[v]);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fangzhongya/fang-ui",
   "private": false,
-  "version": "0.0.97",
+  "version": "0.0.99",
   "type": "module",
   "description ": "fang-ui",
   "keywords": [
@@ -24,18 +24,18 @@
     "fangui": "bin/fang-ui.js"
   },
   "dependencies": {
-    "@fangzhongya/utils": "0.0.37"
+    "@fangzhongya/utils": "0.0.41"
   },
   "devDependencies": {
     "@fangzhongya/create": "0.2.35",
-    "@types/node": "^24.9.1",
+    "@types/node": "^24.10.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/shared": "3.5.22",
-    "axios": "^1.12.2",
+    "axios": "^1.13.1",
     "d3-timer": "3.0.1",
-    "element-plus": "^2.11.5",
+    "element-plus": "^2.11.7",
     "fast-glob": "^3.3.3",
-    "sass": "^1.93.2",
+    "sass": "^1.93.3",
     "ts-node": "^10.9.2",
     "tsup": "^8.5.0",
     "typescript": "^5.9.3",
@@ -44,19 +44,19 @@
     "unplugin-vue-components": "30.0.0",
     "vite": "^6.3.5",
     "vitepress": "1.6.4",
-    "vitest": "^4.0.1",
+    "vitest": "^4.0.6",
     "vue": "^3.5.22",
-    "vue-tsc": "^3.1.1",
+    "vue-tsc": "^3.1.3",
     "vuedraggable": "4.1.0",
-    "vxe-table": "4.17.1",
+    "vxe-table": "4.17.7",
     "@fang-ui/components": "0.0.1-0",
-    "@fang-ui/icons": "0.0.1-0",
     "@fang-ui/directives": "0.0.1-0",
-    "@fang-ui/utils": "0.0.1-0",
     "@fang-ui/hooks": "0.0.1-0",
-    "@fang-ui/theme": "0.0.1-0",
     "@fang-ui/locale": "0.0.1-0",
-    "@fang-ui/types": "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",