@fangzhongya/fang-ui 0.0.97 → 0.0.99

package/dist/css/sliders.css

@@ -0,0 +1,42 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.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);
+}

package/dist/css/uploads.css

@@ -0,0 +1,115 @@
+@charset "UTF-8";
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.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;
+}

package/dist/css/videos.css

@@ -0,0 +1,122 @@
+:root {
+  --on: rgb(91, 189, 246);
+  --color-primary: #409eff;
+  --bag-primary: #409eff;
+  --bag-primary-text: #fff;
+  --border: #eee;
+  --layout-panel-gap: 10px;
+  --layout-panel-padding: 20px;
+  --layout-form-item-padding-right: var(
+  	--layout-panel-gap
+  );
+  --g-main-bg: var(--bg-color-page);
+}
+
+.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;
+}

package/dist/directives/index.cjs

@@ -3,15 +3,17 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./adjust/index.cjs");
 const index$1 = require("./drag/index.cjs");
 const index$2 = require("./expose/index.cjs");
-const index$3 = require("./locus/index.cjs");
-const index$4 = require("./scroll/index.cjs");
-const index$5 = require("./stick/index.cjs");
+const index$3 = require("./inserted/index.cjs");
+const index$4 = require("./locus/index.cjs");
+const index$5 = require("./scroll/index.cjs");
+const index$6 = require("./stick/index.cjs");
 require("./v-loading/index.cjs");
-const index$6 = require("../components/loading/src/index.cjs");
+const index$7 = require("../components/loading/src/index.cjs");
 exports.Adjust = index.default;
 exports.Drag = index$1.default;
 exports.Expose = index$2.default;
-exports.Locus = index$3.default;
-exports.Scroll = index$4.default;
-exports.Stick = index$5.default;
-exports.VLoading = index$6.vLoading;
+exports.Inserted = index$3.default;
+exports.Locus = index$4.default;
+exports.Scroll = index$5.default;
+exports.Stick = index$6.default;
+exports.VLoading = index$7.vLoading;

package/dist/directives/index.d.ts

@@ -1,6 +1,7 @@
 export { default as Adjust } from './adjust';
 export { default as Drag } from './drag';
 export { default as Expose } from './expose';
+export { default as Inserted } from './inserted';
 export { default as Locus } from './locus';
 export { default as Scroll } from './scroll';
 export { default as Stick } from './stick';

package/dist/directives/index.js

@@ -1,17 +1,19 @@
 import { default as default2 } from "./adjust/index.js";
 import { default as default3 } from "./drag/index.js";
 import { default as default4 } from "./expose/index.js";
-import { default as default5 } from "./locus/index.js";
-import { default as default6 } from "./scroll/index.js";
-import { default as default7 } from "./stick/index.js";
+import { default as default5 } from "./inserted/index.js";
+import { default as default6 } from "./locus/index.js";
+import { default as default7 } from "./scroll/index.js";
+import { default as default8 } from "./stick/index.js";
 import "./v-loading/index.js";
 import { vLoading } from "../components/loading/src/index.js";
 export {
   default2 as Adjust,
   default3 as Drag,
   default4 as Expose,
-  default5 as Locus,
-  default6 as Scroll,
-  default7 as Stick,
+  default5 as Inserted,
+  default6 as Locus,
+  default7 as Scroll,
+  default8 as Stick,
   vLoading as VLoading
 };

package/dist/directives/inserted/index.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vInserted = {
+  name: "inserted",
+  created(el, binding) {
+    const value = binding.value;
+    let dom = el;
+    if (value.position) {
+      dom = el.querySelector(value.position);
+    }
+    if (value.value) {
+      let node = value.value;
+      if (typeof value.value == "string") {
+        const range = document.createRange();
+        const fragment = range.createContextualFragment(value.value);
+        node = fragment.firstChild;
+      }
+      dom.appendChild(node);
+    }
+  }
+};
+exports.default = vInserted;

package/dist/directives/inserted/index.d.ts

@@ -0,0 +1,7 @@
+import { Directive } from 'vue';
+/**
+ * 插入组件Dom内容
+ * @param {string} value 暴露的对应属性上
+ */
+declare const _default: Directive;
+export default _default;

package/dist/directives/inserted/index.js

@@ -0,0 +1,22 @@
+const vInserted = {
+  name: "inserted",
+  created(el, binding) {
+    const value = binding.value;
+    let dom = el;
+    if (value.position) {
+      dom = el.querySelector(value.position);
+    }
+    if (value.value) {
+      let node = value.value;
+      if (typeof value.value == "string") {
+        const range = document.createRange();
+        const fragment = range.createContextualFragment(value.value);
+        node = fragment.firstChild;
+      }
+      dom.appendChild(node);
+    }
+  }
+};
+export {
+  vInserted as default
+};

package/dist/directives/scroll/index.cjs

@@ -1,24 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vues = require("vue");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const vues__namespace = /* @__PURE__ */ _interopNamespaceDefault(vues);
-const toValue = (vues__namespace == null ? void 0 : vues__namespace.toValue) ?? vues__namespace.unref;
+const vue = require("vue");
 const vScroll = {
   name: "scroll",
   mounted(el, binding) {
@@ -61,7 +43,7 @@ const vScroll = {
         if (isf) {
           fun();
         } else {
-          if (!toValue(value.load) && !toValue(value.end)) {
+          if (!vue.toValue(value.load) && !vue.toValue(value.end)) {
             fun();
           }
         }
@@ -81,8 +63,8 @@ const vScroll = {
         adddmm.className = cssname;
         adddmm.style.display = "none";
         dom.appendChild(adddmm);
-        vues.watch(value.load, () => {
-          const v = toValue(value.load);
+        vue.watch(value.load, () => {
+          const v = vue.toValue(value.load);
           if (v) {
             adddmm.className = cssname + " " + cssname + "-load";
             adddmm.style.display = "block";
@@ -91,8 +73,8 @@ const vScroll = {
             adddmm.style.display = "none";
           }
         });
-        vues.watch(value.end, () => {
-          const v = toValue(value.end);
+        vue.watch(value.end, () => {
+          const v = vue.toValue(value.end);
           if (v) {
             setTimeout(() => {
               adddmm.className = cssname + " " + cssname + "-end";

package/dist/directives/scroll/index.js

@@ -1,6 +1,4 @@
-import * as vues from "vue";
-import { watch } from "vue";
-const toValue = (vues == null ? void 0 : vues.toValue) ?? vues.unref;
+import { toValue, watch } from "vue";
 const vScroll = {
   name: "scroll",
   mounted(el, binding) {

package/dist/expand/{chunk-YQJPHB3B.cjs → chunk-IEODUGVJ.cjs}

@@ -4,7 +4,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -48,6 +47,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",
@@ -73,6 +74,7 @@ var config_default = {
     "box-teleport",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -88,6 +90,9 @@ var config_default = {
     "keep-com",
     "menus",
     "page",
+    "audios",
+    "images",
+    "videos",
     "retract",
     "choice-select",
     "company-select",
@@ -108,7 +113,6 @@ var config_default = {
     "edit",
     "edit-float",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -118,8 +122,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -134,6 +140,7 @@ var config_default = {
     "adjust",
     "drag",
     "expose",
+    "inserted",
     "locus",
     "scroll",
     "stick",
@@ -157,6 +164,7 @@ var config_default = {
     "box-mask",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -164,12 +172,14 @@ var config_default = {
     "window",
     "icon",
     "icon-picker",
+    "audios",
+    "images",
+    "videos",
     "array",
     "buttons",
     "cascaders",
     "checks",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -179,8 +189,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -193,7 +205,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -214,6 +225,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",

package/dist/expand/{chunk-BPL5WRRH.js → chunk-XY53LCPN.js}

@@ -4,7 +4,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -48,6 +47,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",
@@ -73,6 +74,7 @@ var config_default = {
     "box-teleport",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -88,6 +90,9 @@ var config_default = {
     "keep-com",
     "menus",
     "page",
+    "audios",
+    "images",
+    "videos",
     "retract",
     "choice-select",
     "company-select",
@@ -108,7 +113,6 @@ var config_default = {
     "edit",
     "edit-float",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -118,8 +122,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -134,6 +140,7 @@ var config_default = {
     "adjust",
     "drag",
     "expose",
+    "inserted",
     "locus",
     "scroll",
     "stick",
@@ -157,6 +164,7 @@ var config_default = {
     "box-mask",
     "box-title",
     "dialogs",
+    "full-screen",
     "no-data",
     "popup",
     "right-key",
@@ -164,12 +172,14 @@ var config_default = {
     "window",
     "icon",
     "icon-picker",
+    "audios",
+    "images",
+    "videos",
     "array",
     "buttons",
     "cascaders",
     "checks",
     "history",
-    "images",
     "input-array",
     "input-history",
     "input-num",
@@ -179,8 +189,10 @@ var config_default = {
     "select-scroll",
     "selector",
     "selects",
+    "sliders",
     "switchs",
     "texts",
+    "uploads",
     "list",
     "lists",
     "listsp",
@@ -193,7 +205,6 @@ var config_default = {
     "button",
     "card",
     "color-picker",
-    "image",
     "pagination",
     "scrollbar",
     "tag",
@@ -214,6 +225,8 @@ var config_default = {
     "switch",
     "transfer",
     "upload",
+    "image",
+    "image-viewer",
     "menu",
     "menu-item",
     "menu-item-group",