@das-fed/ui 1.1.4 → 6.3.0-beta.1

package/packages/components/popover/index.js

@@ -197,11 +197,13 @@ __spreadValues({
 }, _TransitionPresets);
 
 /**
-* @vue/shared v3.4.21
+* @vue/shared v3.4.27
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
 
+
+
 !!(process.env.NODE_ENV !== "production") ? Object.freeze({}) : {};
 !!(process.env.NODE_ENV !== "production") ? Object.freeze([]) : [];
 const NOOP = () => {
@@ -425,14 +427,14 @@ const _bem = (namespace, block, blockSuffix, element, modifier) => {
 };
 const namespaceContextKey = Symbol("namespaceContextKey");
 const useGetDerivedNamespace = (namespaceOverrides) => {
-  const derivedNamespace = namespaceOverrides || (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
+  const derivedNamespace = (getCurrentInstance() ? inject(namespaceContextKey, ref(defaultNamespace)) : ref(defaultNamespace));
   const namespace = computed(() => {
     return unref$1(derivedNamespace) || defaultNamespace;
   });
   return namespace;
 };
 const useNamespace = (block, namespaceOverrides) => {
-  const namespace = useGetDerivedNamespace(namespaceOverrides);
+  const namespace = useGetDerivedNamespace();
   const b = (blockSuffix = "") => _bem(namespace.value, block, blockSuffix, "", "");
   const e = (element) => element ? _bem(namespace.value, block, "", element, "") : "";
   const m = (modifier) => modifier ? _bem(namespace.value, block, "", "", modifier) : "";
@@ -866,7 +868,7 @@ const zIndex = ref(0);
 const defaultInitialZIndex = 2e3;
 const zIndexContextKey = Symbol("zIndexContextKey");
 const useZIndex = (zIndexOverrides) => {
-  const zIndexInjection = zIndexOverrides || (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
+  const zIndexInjection = (getCurrentInstance() ? inject(zIndexContextKey, void 0) : void 0);
   const initialZIndex = computed(() => {
     const zIndexFromInjection = unref$1(zIndexInjection);
     return isNumber(zIndexFromInjection) ? zIndexFromInjection : defaultInitialZIndex;
@@ -1562,10 +1564,10 @@ const _sfc_main$8 = defineComponent({
     };
   }
 });
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["render", _sfc_render$3], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]);
 
 const POSITIONING_STRATEGIES = ["fixed", "absolute"];
 const popperCoreConfigProps = buildProps({
@@ -2525,19 +2527,19 @@ const ClickOutside = {
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   inheritAttrs: false
 });
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
+var Collection = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["render", _sfc_render$2], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   name: "ElCollectionItem",
   inheritAttrs: false
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default");
 }
-var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
+var CollectionItem = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection-item.vue"]]);
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -2868,16 +2870,6 @@ const ElPopover = withInstall(Popover$1, {
   directive: ElPopoverDirective
 });
 
-const _hoisted_1 = { class: "das-ui-popover-container" };
-const _hoisted_2 = {
-  key: 0,
-  class: "das-ui-popover-title"
-};
-const _hoisted_3 = { class: "das-ui-popover-content" };
-const _hoisted_4 = {
-  key: 0,
-  class: "btn-groups"
-};
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Index",
   props: {
@@ -2895,83 +2887,25 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const $popoverRef = ref(null);
     const customClassName = computed(() => {
       let className = "das-ui-popover-over-container";
-      if (props.popperClass)
-        className = `${className} ${props.popperClass}`;
+      if (props.popperClass) className = `${className} ${props.popperClass}`;
       return className;
     });
     const clickOutside = () => {
-      if (attrs.visible !== void 0)
-        emits("clickOutside");
+      console.log("tttttttttt");
+      if (attrs.visible !== void 0) emits("clickOutside");
     };
     __expose({ $popoverRef });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref$1(ElPopover), mergeProps({
-        ref_key: "$popoverRef",
-        ref: $popoverRef,
-        class: "das-ui-popover",
-        placement: _ctx.placement,
-        width: "240px",
-        "popper-class": customClassName.value
-      }, _ctx.$attrs), {
-        reference: withCtx(() => [
-          renderSlot(_ctx.$slots, "reference")
-        ]),
-        default: withCtx(() => [
-          withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
-            _ctx.title ? (openBlock(), createElementBlock(
-              "div",
-              _hoisted_2,
-              toDisplayString(_ctx.title),
-              1
-              /* TEXT */
-            )) : createCommentVNode("v-if", true),
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createElementVNode("div", _hoisted_3, [
-                createTextVNode(
-                  toDisplayString(_ctx.content) + " ",
-                  1
-                  /* TEXT */
-                ),
-                _ctx.showBtns ? (openBlock(), createElementBlock("div", _hoisted_4, [
-                  createVNode(unref$1(DasButton), {
-                    onClick: _cache[0] || (_cache[0] = ($event) => emits("cancel"))
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(
-                        toDisplayString(unref$1(i18n$1)("das-ui-popover-cancel").value),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }),
-                  createVNode(unref$1(DasButton), {
-                    btnType: "primary",
-                    onClick: _cache[1] || (_cache[1] = ($event) => emits("confirm")),
-                    style: { "margin-left": "12px" }
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(
-                        toDisplayString(unref$1(i18n$1)("das-ui-popover-confirm").value),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
-                ])) : createCommentVNode("v-if", true)
-              ])
-            ])
-          ])), [
-            [unref$1(ClickOutside), clickOutside]
-          ])
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 16, ["placement", "popper-class"]);
-    };
+    const __returned__ = { props, emits, attrs, $popoverRef, customClassName, clickOutside, get vClickOutside() {
+      return ClickOutside;
+    }, get ElPopover() {
+      return ElPopover;
+    }, get DasButton() {
+      return DasButton;
+    }, get i18n() {
+      return i18n$1;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -2983,7 +2917,84 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var Popover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\popover\\src\\Index.vue"]]);
+const _hoisted_1 = { class: "das-ui-popover-container" };
+const _hoisted_2 = {
+  key: 0,
+  class: "das-ui-popover-title"
+};
+const _hoisted_3 = { class: "das-ui-popover-content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "btn-groups"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock($setup["ElPopover"], mergeProps({
+    ref: "$popoverRef",
+    class: "das-ui-popover",
+    placement: $props.placement,
+    width: "240px",
+    "popper-class": $setup.customClassName
+  }, _ctx.$attrs), {
+    reference: withCtx(() => [
+      renderSlot(_ctx.$slots, "reference")
+    ]),
+    default: withCtx(() => [
+      withDirectives((openBlock(), createElementBlock("div", _hoisted_1, [
+        $props.title ? (openBlock(), createElementBlock(
+          "div",
+          _hoisted_2,
+          toDisplayString($props.title),
+          1
+          /* TEXT */
+        )) : createCommentVNode("v-if", true),
+        renderSlot(_ctx.$slots, "default", {}, () => [
+          createElementVNode("div", _hoisted_3, [
+            createTextVNode(
+              toDisplayString($props.content) + " ",
+              1
+              /* TEXT */
+            ),
+            $props.showBtns ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode($setup["DasButton"], {
+                onClick: _cache[0] || (_cache[0] = ($event) => $setup.emits("cancel"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.i18n("das-ui-popover-cancel").value),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }),
+              createVNode($setup["DasButton"], {
+                btnType: "primary",
+                onClick: _cache[1] || (_cache[1] = ($event) => $setup.emits("confirm")),
+                style: { "margin-left": "12px" }
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(
+                    toDisplayString($setup.i18n("das-ui-popover-confirm").value),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              })
+            ])) : createCommentVNode("v-if", true)
+          ])
+        ])
+      ])), [
+        [$setup["vClickOutside"], $setup.clickOutside]
+      ])
+    ]),
+    _: 3
+    /* FORWARDED */
+  }, 16, ["placement", "popper-class"]);
+}
+var Popover = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/popover/src/Index.vue"]]);
 
 var i18n = {
   "das-ui-popover-confirm": { "zh-CN": "\u786E\u5B9A", en: "Confirm" },

package/packages/components/popup-mask/index.css

@@ -1 +1 @@
-.das-ui-mask[data-v-23106b0e]{background:rgba(33,33,33,.5);height:100vh;left:0;position:fixed;top:0;width:100vw}.das-ui-mask[data-v-23106b0e] .mask-content[data-v-23106b0e]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.das-ui-mask[data-v-23106b0e] .close-icon[data-v-23106b0e]{cursor:pointer;position:absolute;right:40px;top:40px}.fade-enter-active[data-v-23106b0e],.fade-leave-active[data-v-23106b0e]{transition:opacity .1s}.fade-enter[data-v-23106b0e],.fade-leave-to[data-v-23106b0e]{opacity:0}
+.das-ui-popup-mask[data-v-23106b0e]{background:rgba(33,33,33,.5);height:100vh;left:0;position:fixed;top:0;width:100vw}.das-ui-popup-mask[data-v-23106b0e] .mask-content[data-v-23106b0e]{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.das-ui-popup-mask[data-v-23106b0e] .close-icon[data-v-23106b0e]{cursor:pointer;position:absolute;right:40px;top:40px}.fade-enter-active[data-v-23106b0e],.fade-leave-active[data-v-23106b0e]{transition:opacity .1s}.fade-enter[data-v-23106b0e],.fade-leave-to[data-v-23106b0e]{opacity:0}

package/packages/components/popup-mask/index.js

@@ -1,13 +1,12 @@
-import { defineComponent, ref, computed, watch, nextTick, onMounted, onUnmounted, openBlock, createBlock, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createElementVNode, renderSlot, createCommentVNode, unref } from 'vue';
+import { defineComponent, mergeModels, ref, computed, useModel, watch, nextTick, onMounted, onUnmounted, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeClass, normalizeStyle, withModifiers, createElementVNode, renderSlot, createCommentVNode } from 'vue';
 import { withInstall } from '@das-fed/utils';
 import { useZIndex } from '@das-fed/utils/hooks/popup-manager/use-zindex';
 import { hasClass, getStyle, addClass, removeClass } from '@das-fed/utils/style';
 import { DasIcon } from '@das-fed/ui';
 
-const _hoisted_1 = { class: "mask-content" };
 var _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "Index",
-  props: {
+  props: /* @__PURE__ */ mergeModels({
     visible: { type: Boolean, required: false, default: false },
     maskClass: { type: String, required: false },
     appendToBody: { type: Boolean, required: false, default: false },
@@ -15,29 +14,28 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     showClose: { type: Boolean, required: false, default: true },
     closeOnClickModal: { type: Boolean, required: false, default: false },
     closeOnPressEscape: { type: Boolean, required: false, default: true }
-  },
-  emits: ["update:visible", "visible-change"],
-  setup(__props, { emit: __emit }) {
+  }, {
+    "visible": { type: Boolean, default: false },
+    "visibleModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["update:visible", "visible-change"], ["update:visible"]),
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
     const props = __props;
     const emit = __emit;
     const popupMaskRef = ref();
-    const className = computed(() => {
-      let name = "das-ui-mask";
-      if (props.maskClass)
-        name = name + props.maskClass;
-      return name;
-    });
-    const innerVisible = computed({
-      get: () => props.visible,
-      set: (val) => emit("update:visible", val)
+    const popupClassName = computed(() => {
+      let className = "das-ui-popup-mask";
+      if (props.maskClass) className = `${className} ${props.maskClass}`;
+      return className;
     });
+    const innerVisible = useModel(__props, "visible");
     const zIndex = ref(2e3);
     const withoutHiddenClass = ref(false);
     const bodyPaddingRight = ref("0");
     const computedBodyPaddingRight = ref(0);
     const setBodyStyle = () => {
-      if (!props.lockScroll)
-        return;
+      if (!props.lockScroll) return;
       withoutHiddenClass.value = !hasClass(document.body, "overflow-hide");
       if (withoutHiddenClass.value) {
         bodyPaddingRight.value = document.body.style.paddingRight;
@@ -64,13 +62,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         if (newVal) {
           zIndex.value = useZIndex().nextZIndex();
           nextTick(() => {
-            if (props.appendToBody)
-              document.body.appendChild(popupMaskRef.value);
             setBodyStyle();
           });
         } else {
           restoreBodyStyle();
         }
+        emit("update:visible", newVal);
         emit("visible-change", newVal);
       }
     );
@@ -78,10 +75,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
       innerVisible.value = false;
       restoreBodyStyle();
     };
+    const clickModal = () => {
+      if (props.closeOnClickModal) onClose();
+    };
     const quickClose = (event) => {
       if (event.key === "Escape") {
-        if (props.closeOnPressEscape)
-          onClose();
+        if (props.closeOnPressEscape) onClose();
       }
     };
     onMounted(() => {
@@ -90,56 +89,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     onUnmounted(() => {
       window.removeEventListener("keydown", quickClose);
     });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        Transition,
-        {
-          ref_key: "popupMaskRef",
-          ref: popupMaskRef,
-          name: "fade"
-        },
-        {
-          default: withCtx(() => [
-            innerVisible.value ? (openBlock(), createElementBlock(
-              "div",
-              {
-                key: 0,
-                class: normalizeClass(className.value),
-                style: normalizeStyle({ "z-index": zIndex.value }),
-                onClick: _cache[0] || (_cache[0] = withModifiers(
-                  () => {
-                    if (props.closeOnClickModal)
-                      onClose();
-                  },
-                  ["self"]
-                ))
-              },
-              [
-                createElementVNode("div", _hoisted_1, [
-                  _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", {
-                    key: 0,
-                    visible: innerVisible.value
-                  }, void 0, true) : createCommentVNode("v-if", true)
-                ]),
-                _ctx.showClose ? (openBlock(), createBlock(unref(DasIcon), {
-                  key: 0,
-                  class: "close-icon",
-                  iconColor: "#ffffff",
-                  icon: "close2",
-                  onClick: onClose
-                })) : createCommentVNode("v-if", true)
-              ],
-              6
-              /* CLASS, STYLE */
-            )) : createCommentVNode("v-if", true)
-          ]),
-          _: 3
-          /* FORWARDED */
-        },
-        512
-        /* NEED_PATCH */
-      );
-    };
+    const __returned__ = { props, emit, popupMaskRef, popupClassName, innerVisible, zIndex, withoutHiddenClass, bodyPaddingRight, computedBodyPaddingRight, setBodyStyle, restoreBodyStyle, onClose, clickModal, quickClose, get DasIcon() {
+      return DasIcon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -151,7 +105,58 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var popupMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-23106b0e"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\popup-mask\\src\\Index.vue"]]);
+const _hoisted_1 = { class: "mask-content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Teleport, {
+    to: "body",
+    disabled: !$props.appendToBody
+  }, [
+    createVNode(
+      Transition,
+      {
+        ref: "popupMaskRef",
+        name: "fade"
+      },
+      {
+        default: withCtx(() => [
+          $setup.innerVisible ? (openBlock(), createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: normalizeClass($setup.popupClassName),
+              style: normalizeStyle({ "z-index": $setup.zIndex }),
+              onClick: withModifiers($setup.clickModal, ["self"])
+            },
+            [
+              createElementVNode("div", _hoisted_1, [
+                _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }, void 0, true) : createCommentVNode("v-if", true)
+              ]),
+              $props.showClose ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: "close-icon",
+                onClick: withModifiers($setup.onClose, ["stop"])
+              }, [
+                renderSlot(_ctx.$slots, "close-icon", {}, () => [
+                  createVNode($setup["DasIcon"], {
+                    iconColor: "#ffffff",
+                    icon: "close2"
+                  })
+                ], true)
+              ])) : createCommentVNode("v-if", true)
+            ],
+            6
+            /* CLASS, STYLE */
+          )) : createCommentVNode("v-if", true)
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      512
+      /* NEED_PATCH */
+    )
+  ], 8, ["disabled"]);
+}
+var popupMask = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-23106b0e"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/popup-mask/src/Index.vue"]]);
 
 const DasPopupMaskRef = () => ref(null);
 const DasPopupMask = withInstall(popupMask);

package/packages/components/preview/index.js

@@ -1,6 +1,6 @@
 import { withInstall } from '@das-fed/utils';
 import { getLang, t, setI18nRule } from '@das-fed/web';
-import { defineComponent, openBlock, createElementBlock, unref, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
+import { defineComponent, openBlock, createElementBlock, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
 import { DasButton } from '@das-fed/ui';
 import { getPersonalInfo, getToken } from '@das-fed/utils/common-info';
 import { pureImageSrc } from '@das-fed/utils/pure-image-src';
@@ -16,8 +16,7 @@ const usePreview = (props) => {
     let fileUrl = props.fileUrl;
     const lang = getLang().value;
     const token = getToken();
-    if (!fileUrl.startsWith("http"))
-      fileUrl = `${currentHost}${pureImageSrc(fileUrl)}`;
+    if (!fileUrl.startsWith("http")) fileUrl = `${currentHost}${pureImageSrc(fileUrl)}`;
     const finalUrl = `${previewHost}${officePreviewPath}?access_token=${token}&lang=${lang}&fileUrl=${fileUrl}`;
     window.open(finalUrl);
   };
@@ -38,30 +37,13 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const { preview } = usePreview(props);
     __expose({ preview });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "das-preview-container",
-        onClick: _cache[0] || (_cache[0] = //@ts-ignore
-        (...args) => unref(preview) && unref(preview)(...args))
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          createVNode(unref(DasButton), {
-            "btn-type": "primary-text",
-            size: "large"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(
-                toDisplayString(unref(t)("das-preview-text")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ], true)
-      ]);
-    };
+    const __returned__ = { props, preview, get DasButton() {
+      return DasButton;
+    }, get t() {
+      return t;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
   }
 });
 
@@ -73,7 +55,30 @@ var _export_sfc = (sfc, props) => {
   return target;
 };
 
-var Preview = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1f687603"], ["__file", "E:\\company-code\\v6r3\\framework-3\\packages\\das-ui\\packages\\components\\preview\\src\\Index.vue"]]);
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: "das-preview-container",
+    onClick: _cache[0] || (_cache[0] = (...args) => $setup.preview && $setup.preview(...args))
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      createVNode($setup["DasButton"], {
+        "btn-type": "primary-text",
+        size: "large"
+      }, {
+        default: withCtx(() => [
+          createTextVNode(
+            toDisplayString($setup.t("das-preview-text")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ], true)
+  ]);
+}
+var Preview = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-1f687603"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/components/preview/src/Index.vue"]]);
 
 var i18n = {
   "das-preview-text": { "zh-CN": "\u9884\u89C8", en: "preview" }