@das-fed/ui 6.4.0-test.1 → 6.4.0-test.11

package/packages/components/virtual-tree/src/type.d.ts

@@ -0,0 +1,40 @@
+export interface TreeProps {
+  value?: string
+  label?: string
+  children?: string
+  disabled?: string
+}
+
+export interface Props {
+  
+  data?: any[]
+
+  
+  loading?: boolean
+
+  
+  nodeKey?: string
+
+  
+  showCheckbox?: boolean
+
+  
+  height?: number
+
+  
+  currentNodeKey?: string | number
+
+  
+  defaultExpandAll?: boolean
+
+  
+  expandOnClickNode?: boolean
+
+  props?: TreeProps
+
+  
+  emptyText?: string
+
+  
+  filterMethod?: (value: string, data: Record<string, any>) => boolean
+}

package/packages/components/virtual-tree/style.css

@@ -1 +1 @@
-@charset "UTF-8";.das-tree__expand-icon[data-v-41238c66]{width:16px;height:16px}.das-ui-tree{display:flex;flex-direction:column;overflow:hidden}.das-ui-tree .el-tree,.das-ui-tree .das-tree-filter-list{flex:1}.das-ui-tree .el-tree .el-tree__empty-block{display:none}.das-ui-tree.is-draggable .el-tree:not(.is-root-all-left) .el-tree-node__content .el-tree-node__expand-icon{margin-left:16px}.das-ui-tree.is-draggable .el-tree.is-root-all-left .el-tree-node__content .el-tree-node__expand-icon{font-size:24px!important}.das-ui-tree.is-draggable .el-tree .el-tree-node.show-draggable-icon>.el-tree-node__content{position:relative;overflow:hidden}.das-ui-tree.is-draggable .el-tree .el-tree-node.show-draggable-icon>.el-tree-node__content:hover:before{content:url("data:image/svg+xml,%3C!--%3Fxml version='1.0' encoding='UTF-8'%3F--%3E%3Csvg width='16px' height='16px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='1254-拖拽' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='编组' transform='translate(11.000000, 4.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M0.749999979,21.2009619 C1.2141016,20.9330127 1.7858984,20.9330127 2.24999999,21.2009619 C2.71410161,21.4689111 3,21.9641016 3,22.5 C3,23.3284272 2.32842711,24 1.5,24 C0.671572863,24 0,23.3284272 0,22.5 C0,21.9641016 0.285898356,21.4689111 0.749999979,21.2009619 Z M8.99999998,21 C9.82842703,21 10.5,21.671573 10.5,22.5 C10.5,23.3284271 9.82842703,24 8.99999998,24 C8.17157295,24 7.49999998,23.3284271 7.49999998,22.5 C7.49999998,21.671573 8.17157295,21 8.99999998,21 Z M0.749999979,10.7009619 C1.2141016,10.4330127 1.7858984,10.4330127 2.24999999,10.7009619 C2.71410161,10.9689111 3,11.4641016 3,12 C3,12.8284272 2.32842711,13.5 1.5,13.5 C0.671572863,13.5 0,12.8284272 0,12 C0,11.4641016 0.285898356,10.9689111 0.749999979,10.7009619 Z M8.99999998,10.5 C9.82842703,10.5 10.5,11.1715729 10.5,12 C10.5,12.8284271 9.82842703,13.5 8.99999998,13.5 C8.17157295,13.5 7.49999998,12.8284271 7.49999998,12 C7.49999998,11.1715729 8.17157295,10.5 8.99999998,10.5 Z M0.749999979,0.200961911 C1.2141016,-0.0669873038 1.7858984,-0.0669873038 2.24999999,0.200961911 C2.71410161,0.468911099 3,0.964101629 3,1.5 C3,2.32842715 2.32842711,3 1.5,3 C0.671572863,3 0,2.32842715 0,1.5 C0,0.964101629 0.285898356,0.468911099 0.749999979,0.200961911 Z M8.99999998,2.02499999e-08 C9.82842703,2.02499999e-08 10.5,0.671572883 10.5,1.50000002 C10.5,2.32842713 9.82842703,3.00000002 8.99999998,3.00000002 C8.17157295,3.00000002 7.49999998,2.32842713 7.49999998,1.50000002 C7.49999998,0.671572883 8.17157295,2.02499999e-08 8.99999998,2.02499999e-08 Z' id='形状' fill='%23666666'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:4px;left:4px;cursor:move}.das-ui-tree .el-tree:not(.is-root-all-left) .el-tree-node__content .el-tree-node__expand-icon{margin-left:12px}.das-ui-tree .el-tree.is-root-all-left .el-tree-node__content .el-tree-node__expand-icon{padding:0!important;font-size:12px!important;width:1em!important}.das-ui-tree .das-tree-filter-input .el-input__wrapper .el-input__prefix-inner>:last-child{margin-right:4px}.das-ui-tree.is-ellipsis .tree-parent-container{width:100%}.das-ui-tree.is-ellipsis .tree-parent-container .tree-normal-node{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:25px}.das-ui-tree.is-ellipsis .tree-parent-container .el-tree-node__label{overflow:hidden}.das-ui-tree:not(.is-ellipsis) .tree-parent-container{display:inline-block;min-width:100%}.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content>.el-tree-node__label,.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content .tree-oprations-node,.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content .tree-normal-node{color:var(--das-ui-tree-node-active-font-color)!important;background-color:var(--das-ui-tree-node-active-bg-color)!important}.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content>.el-tree-node__label,.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .tree-oprations-node,.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .tree-normal-node{color:var(--das-ui-tree-node-active-font-color)!important;background-color:var(--das-ui-tree-node-active-bg-color)!important}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content{color:var(--das-ui-tree-node-disabled-bg-color);cursor:not-allowed}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover{background-color:#fff}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover>.el-tree-node__label,.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover .tree-oprations-node,.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover .tree-normal-node{background-color:#fff!important}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:focus{background-color:#fff}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content>.el-tree-node__label{color:var(--das-ui-tree-node-disabled-bg-color);cursor:not-allowed}.das-ui-tree .el-tree-node .el-tree-node__content{position:relative;height:32px;line-height:32px;font-size:12px;color:#212121;background-color:#fff}.das-ui-tree .el-tree-node .el-tree-node__content:hover{background-color:var(--das-ui-tree-node-hover-bg-color)}.das-ui-tree .el-tree-node .el-tree-node__content:hover>.el-tree-node__label,.das-ui-tree .el-tree-node .el-tree-node__content:hover .tree-oprations-node,.das-ui-tree .el-tree-node .el-tree-node__content:hover .tree-normal-node{background-color:var(--das-ui-tree-node-hover-bg-color)}.das-ui-tree .el-tree-node .el-tree-node__content .el-tree-node__expand-icon{width:16px;height:16px;padding:4px}.das-ui-tree .el-tree-node .el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:#666}.das-ui-tree .el-tree-node .tree-normal-node,.das-ui-tree .el-tree-node .el-tree-node__label{font-size:12px!important}.das-ui-tree .el-tree-node .tree-normal-node{padding-right:8px}.das-ui-tree.is-checkbox .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#fff;color:#212121}.das-ui-tree.is-checkbox .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree.is-checkbox .el-checkbox input:focus-visible+.el-checkbox__inner{outline:none}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled) .el-checkbox__inner{border:1px solid var(--das-ui-tree-node-checkbox-border-color);width:13px;height:13px}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled) .el-checkbox__inner:hover{border:1px solid var(--das-ui-tree-node-active-font-color)}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled) .el-checkbox__inner:after{top:0;left:3px;border:2px solid var(--el-checkbox-checked-icon-color);border-left:0;border-top:0}.das-ui-tree.is-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--das-ui-tree-node-checkbox-disabled-checked-bg-color)}.das-ui-tree.is-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner:after{border:2px solid var(--das-ui-tree-node-checkbox-disabled-checked-icon-color);border-left:0;border-top:0}.das-ui-tree.is-checkbox .el-tree-node[aria-disabled=true][aria-checked=false]>.el-tree-node__content:hover{background-color:#fff}.das-ui-tree.is-checkbox .el-tree-node[aria-disabled=true][aria-checked=false]>.el-tree-node__label{color:var(--das-ui-tree-node-disabled-bg-color)}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled).is-checked .el-checkbox__inner{background-color:var(--das-ui-tree-node-checkbox-checked-bg-color);border-color:var(--das-ui-tree-node-checkbox-checked-bg-color)}.das-ui-tree.is-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#fff;border:1px solid var(--das-ui-tree-node-checkbox-border-color)}.das-ui-tree.is-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{width:7px;height:7px;background-color:var(--das-ui-tree-node-checkbox-checked-bg-color);top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-tree.is-checkbox .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color)!important}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node .el-checkbox{margin-right:0}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node .el-checkbox__input>.el-checkbox__inner{display:none}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node__children .el-checkbox{margin-right:8px}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node__children .el-checkbox .el-checkbox__inner{display:inline-block}.das-ui-tree .el-tree-node.is-drop-inner{background-color:var(--das-ui-tree-node-drop-bg-color);border:2px solid var(--das-ui-tree-node-drop-border-color)}.das-ui-tree .el-tree-node.is-drop-inner .el-tree-node__label{background-color:var(--das-ui-tree-node-drop-bg-color);color:var(--das-ui-tree-node-drop-color)}.das-ui-tree .el-tree__drop-indicator{height:2px;background-color:var(--das-ui-tree-node-drop-indicator-color)}.das-ui-tree .el-tree__drop-indicator:before{content:"";position:absolute;left:-8px;top:-4px;width:8px;height:8px;box-sizing:border-box;border:2px solid var(--das-ui-tree-node-drop-indicator-color);border-radius:50%}.das-ui-tree.is-operations .el-tree-node__content{width:100%;display:flex;align-items:center;box-sizing:border-box}.das-ui-tree.is-operations .el-tree-node__content .el-tree-node__label{flex:1;min-width:0}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:12px;flex:1;min-width:50px;overflow:hidden}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node .tree-oprations-label{flex:1;min-width:20px;padding-right:6px;box-sizing:border-box;overflow:hidden}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node .oprations-box{width:16px;min-width:16px}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node .oprations-box .more-icon{width:16px;line-height:0;height:100%;position:relative;top:0;opacity:0;pointer-events:none}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node:hover .more-icon{opacity:1;pointer-events:all}.das-ui-tree .das-ui-input{width:100%!important;padding:8px;box-sizing:border-box}.das-ui-tree .das-tree-box{position:relative;flex:1;min-height:0;height:100%}.das-ui-tree .das-tree-box .das-tree-container,.das-ui-tree .das-tree-box .empty-box{height:100%}.das-ui-tree .das-tree-box .search-result-container{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:1}.das-ui-tree .das-tree-box .search-result-container .search-result-item{font-size:12px;padding:7px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.das-ui-tree .das-tree-box .search-result-container .search-result-item .name{color:#212121;flex:1;min-width:80px}.das-ui-tree .das-tree-box .search-result-container .search-result-item .path-name{color:#b2b2b2;padding-left:20px;text-align:right;min-width:20px}.das-ui-tree .das-tree-box .search-result-container .search-result-item:hover:not(.is-disabled){background-color:var(--das-ui-tree-node-hover-bg-color)}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-active:not(.is-disabled),.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-current:not(.is-disabled){background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-active:not(.is-disabled) .name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-active:not(.is-disabled) .path-name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-current:not(.is-disabled) .name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-current:not(.is-disabled) .path-name{color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-disabled{cursor:not-allowed}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-disabled .name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-disabled .path-name{color:var(--das-ui-tree-node-disabled-bg-color)!important}.el-popover.das-tree-operation-dropdown{width:124px!important;min-width:124px!important;padding:0!important;max-height:260px;overflow:overlay}.el-popover.das-tree-operation-dropdown .opration-list{position:relative;border-radius:2px;background-color:#fff}.el-popover.das-tree-operation-dropdown .opration-list .opration-item{height:32px;line-height:32px;padding:0 12px;display:flex;align-items:center;cursor:pointer}.el-popover.das-tree-operation-dropdown .opration-list .opration-item .icon{height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.el-popover.das-tree-operation-dropdown .opration-list .opration-item .label{margin-left:5px;font-size:12px;color:#212121}.el-popover.das-tree-operation-dropdown .opration-list .opration-item:not(.is-disabled):hover{background-color:#f5f5f5}.el-popover.das-tree-operation-dropdown .opration-list .opration-item.is-disabled{cursor:not-allowed}.el-popover.das-tree-operation-dropdown .opration-list .opration-item.is-disabled .label{color:#b2b2b2}.das-ui-virtual-tree .el-virtual-scrollbar{width:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2)!important;padding:0 var(--das-ui-scrollbar-padding)!important}.das-ui-virtual-tree .el-virtual-scrollbar .el-scrollbar__thumb{background-color:var(--das-ui-scrollbar-thumb-color)!important;opacity:1!important}.das-ui-virtual-tree .el-virtual-scrollbar:hover{padding:0!important}.das-ui-virtual-tree .el-virtual-scrollbar:hover .el-scrollbar__thumb{background-color:var(--das-ui-scrollbar-thumb-hover-color)!important}.das-ui-virtual-tree .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-virtual-tree .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-virtual-tree .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content>.el-tree-node__label{color:var(--das-ui-tree-node-active-font-color)!important;background-color:var(--das-ui-tree-node-active-bg-color)!important}
+@charset "UTF-8";.das-tree__expand-icon[data-v-d51f7d20]{width:16px;height:16px}.das-ui-tree{display:flex;flex-direction:column;overflow:hidden}.das-ui-tree .el-tree,.das-ui-tree .das-tree-filter-list{flex:1}.das-ui-tree .el-tree .el-tree__empty-block{display:none}.das-ui-tree.is-draggable .el-tree:not(.is-root-all-left) .el-tree-node__content .el-tree-node__expand-icon{margin-left:16px}.das-ui-tree.is-draggable .el-tree.is-root-all-left .el-tree-node__content .el-tree-node__expand-icon{font-size:24px!important}.das-ui-tree.is-draggable .el-tree .el-tree-node.show-draggable-icon>.el-tree-node__content{position:relative;overflow:hidden}.das-ui-tree.is-draggable .el-tree .el-tree-node.show-draggable-icon>.el-tree-node__content:hover:before{content:url("data:image/svg+xml,%3C!--%3Fxml version='1.0' encoding='UTF-8'%3F--%3E%3Csvg width='16px' height='16px' viewBox='0 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='1254-拖拽' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='编组' transform='translate(11.000000, 4.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M0.749999979,21.2009619 C1.2141016,20.9330127 1.7858984,20.9330127 2.24999999,21.2009619 C2.71410161,21.4689111 3,21.9641016 3,22.5 C3,23.3284272 2.32842711,24 1.5,24 C0.671572863,24 0,23.3284272 0,22.5 C0,21.9641016 0.285898356,21.4689111 0.749999979,21.2009619 Z M8.99999998,21 C9.82842703,21 10.5,21.671573 10.5,22.5 C10.5,23.3284271 9.82842703,24 8.99999998,24 C8.17157295,24 7.49999998,23.3284271 7.49999998,22.5 C7.49999998,21.671573 8.17157295,21 8.99999998,21 Z M0.749999979,10.7009619 C1.2141016,10.4330127 1.7858984,10.4330127 2.24999999,10.7009619 C2.71410161,10.9689111 3,11.4641016 3,12 C3,12.8284272 2.32842711,13.5 1.5,13.5 C0.671572863,13.5 0,12.8284272 0,12 C0,11.4641016 0.285898356,10.9689111 0.749999979,10.7009619 Z M8.99999998,10.5 C9.82842703,10.5 10.5,11.1715729 10.5,12 C10.5,12.8284271 9.82842703,13.5 8.99999998,13.5 C8.17157295,13.5 7.49999998,12.8284271 7.49999998,12 C7.49999998,11.1715729 8.17157295,10.5 8.99999998,10.5 Z M0.749999979,0.200961911 C1.2141016,-0.0669873038 1.7858984,-0.0669873038 2.24999999,0.200961911 C2.71410161,0.468911099 3,0.964101629 3,1.5 C3,2.32842715 2.32842711,3 1.5,3 C0.671572863,3 0,2.32842715 0,1.5 C0,0.964101629 0.285898356,0.468911099 0.749999979,0.200961911 Z M8.99999998,2.02499999e-08 C9.82842703,2.02499999e-08 10.5,0.671572883 10.5,1.50000002 C10.5,2.32842713 9.82842703,3.00000002 8.99999998,3.00000002 C8.17157295,3.00000002 7.49999998,2.32842713 7.49999998,1.50000002 C7.49999998,0.671572883 8.17157295,2.02499999e-08 8.99999998,2.02499999e-08 Z' id='形状' fill='%23666666'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;top:4px;left:4px;cursor:move}.das-ui-tree .el-tree:not(.is-root-all-left) .el-tree-node__content .el-tree-node__expand-icon{margin-left:12px}.das-ui-tree .el-tree.is-root-all-left .el-tree-node__content .el-tree-node__expand-icon{padding:0!important;font-size:12px!important;width:1em!important}.das-ui-tree .das-tree-filter-input .el-input__wrapper .el-input__prefix-inner>:last-child{margin-right:4px}.das-ui-tree.is-ellipsis .tree-parent-container{width:100%}.das-ui-tree.is-ellipsis .tree-parent-container .tree-normal-node{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;min-width:25px}.das-ui-tree.is-ellipsis .tree-parent-container .el-tree-node__label{overflow:hidden}.das-ui-tree:not(.is-ellipsis) .tree-parent-container{display:inline-block;min-width:100%}.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content>.el-tree-node__label,.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content .tree-oprations-node,.das-ui-tree .el-tree-node.is-active:not([aria-disabled=true])>.el-tree-node__content .tree-normal-node{color:var(--das-ui-tree-node-active-font-color)!important;background-color:var(--das-ui-tree-node-active-bg-color)!important}.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content>.el-tree-node__label,.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .tree-oprations-node,.das-ui-tree.is-checkbox .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .tree-normal-node{color:var(--das-ui-tree-node-active-font-color)!important;background-color:var(--das-ui-tree-node-active-bg-color)!important}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content{color:var(--das-ui-tree-node-disabled-bg-color);cursor:not-allowed}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover{background-color:#fff}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover>.el-tree-node__label,.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover .tree-oprations-node,.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:hover .tree-normal-node{background-color:#fff!important}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content:focus{background-color:#fff}.das-ui-tree .el-tree-node[aria-disabled=true]>.el-tree-node__content>.el-tree-node__label{color:var(--das-ui-tree-node-disabled-bg-color);cursor:not-allowed}.das-ui-tree .el-tree-node .el-tree-node__content{position:relative;height:32px;line-height:32px;font-size:12px;color:#212121;background-color:#fff}.das-ui-tree .el-tree-node .el-tree-node__content:hover{background-color:var(--das-ui-tree-node-hover-bg-color)}.das-ui-tree .el-tree-node .el-tree-node__content:hover>.el-tree-node__label,.das-ui-tree .el-tree-node .el-tree-node__content:hover .tree-oprations-node,.das-ui-tree .el-tree-node .el-tree-node__content:hover .tree-normal-node{background-color:var(--das-ui-tree-node-hover-bg-color)}.das-ui-tree .el-tree-node .el-tree-node__content .el-tree-node__expand-icon{width:16px;height:16px;padding:4px}.das-ui-tree .el-tree-node .el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:#666}.das-ui-tree .el-tree-node .tree-normal-node,.das-ui-tree .el-tree-node .el-tree-node__label{font-size:12px!important}.das-ui-tree .el-tree-node .tree-normal-node{padding-right:8px}.das-ui-tree.is-checkbox .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content{background-color:#fff;color:#212121}.das-ui-tree.is-checkbox .el-tree--highlight-current .el-tree-node.is-current>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree.is-checkbox .el-checkbox input:focus-visible+.el-checkbox__inner{outline:none}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled) .el-checkbox__inner{border:1px solid var(--das-ui-tree-node-checkbox-border-color);width:13px;height:13px}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled) .el-checkbox__inner:hover{border:1px solid var(--das-ui-tree-node-active-font-color)}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled) .el-checkbox__inner:after{top:0;left:3px;border:2px solid var(--el-checkbox-checked-icon-color);border-left:0;border-top:0}.das-ui-tree.is-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner{background-color:var(--das-ui-tree-node-checkbox-disabled-checked-bg-color)}.das-ui-tree.is-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner:after{border:2px solid var(--das-ui-tree-node-checkbox-disabled-checked-icon-color);border-left:0;border-top:0}.das-ui-tree.is-checkbox .el-tree-node[aria-disabled=true][aria-checked=false]>.el-tree-node__content:hover{background-color:#fff}.das-ui-tree.is-checkbox .el-tree-node[aria-disabled=true][aria-checked=false]>.el-tree-node__label{color:var(--das-ui-tree-node-disabled-bg-color)}.das-ui-tree.is-checkbox .el-checkbox__input:not(.is-disabled).is-checked .el-checkbox__inner{background-color:var(--das-ui-tree-node-checkbox-checked-bg-color);border-color:var(--das-ui-tree-node-checkbox-checked-bg-color)}.das-ui-tree.is-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#fff;border:1px solid var(--das-ui-tree-node-checkbox-border-color)}.das-ui-tree.is-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner:before{width:7px;height:7px;background-color:var(--das-ui-tree-node-checkbox-checked-bg-color);top:50%;left:50%;transform:translate(-50%,-50%)}.das-ui-tree.is-checkbox .el-checkbox__input.is-indeterminate.is-disabled .el-checkbox__inner:before{background-color:var(--el-checkbox-disabled-checked-icon-color)!important}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node .el-checkbox{margin-right:0}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node .el-checkbox__input>.el-checkbox__inner{display:none}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node__children .el-checkbox{margin-right:8px}.das-ui-tree.is-checkbox.root-checkbox_hide .el-tree-node__children .el-checkbox .el-checkbox__inner{display:inline-block}.das-ui-tree .el-tree-node.is-drop-inner{background-color:var(--das-ui-tree-node-drop-bg-color);border:2px solid var(--das-ui-tree-node-drop-border-color)}.das-ui-tree .el-tree-node.is-drop-inner .el-tree-node__label{background-color:var(--das-ui-tree-node-drop-bg-color);color:var(--das-ui-tree-node-drop-color)}.das-ui-tree .el-tree__drop-indicator{height:2px;background-color:var(--das-ui-tree-node-drop-indicator-color)}.das-ui-tree .el-tree__drop-indicator:before{content:"";position:absolute;left:-8px;top:-4px;width:8px;height:8px;box-sizing:border-box;border:2px solid var(--das-ui-tree-node-drop-indicator-color);border-radius:50%}.das-ui-tree.is-operations .el-tree-node__content{width:100%;display:flex;align-items:center;box-sizing:border-box}.das-ui-tree.is-operations .el-tree-node__content .el-tree-node__label{flex:1;min-width:0}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node{display:flex;align-items:center;justify-content:space-between;width:100%;padding-right:12px;flex:1;min-width:50px;overflow:hidden}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node .tree-oprations-label{flex:1;min-width:20px;padding-right:6px;box-sizing:border-box;overflow:hidden}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node .oprations-box{width:16px;min-width:16px}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node .oprations-box .more-icon{width:16px;line-height:0;height:100%;position:relative;top:0;opacity:0;pointer-events:none}.das-ui-tree.is-operations .el-tree-node__content .tree-oprations-node:hover .more-icon{opacity:1;pointer-events:all}.das-ui-tree .das-ui-input{width:100%!important;padding:8px;box-sizing:border-box}.das-ui-tree .das-tree-box{position:relative;flex:1;min-height:0;height:100%}.das-ui-tree .das-tree-box .das-tree-container,.das-ui-tree .das-tree-box .empty-box{height:100%}.das-ui-tree .das-tree-box .search-result-container{position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;z-index:1}.das-ui-tree .das-tree-box .search-result-container .search-result-item{font-size:12px;padding:7px 12px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.das-ui-tree .das-tree-box .search-result-container .search-result-item .name{color:#212121;flex:1;min-width:80px}.das-ui-tree .das-tree-box .search-result-container .search-result-item .path-name{color:#b2b2b2;padding-left:20px;text-align:right;min-width:20px}.das-ui-tree .das-tree-box .search-result-container .search-result-item:hover:not(.is-disabled){background-color:var(--das-ui-tree-node-hover-bg-color)}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-active:not(.is-disabled),.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-current:not(.is-disabled){background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-active:not(.is-disabled) .name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-active:not(.is-disabled) .path-name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-current:not(.is-disabled) .name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-current:not(.is-disabled) .path-name{color:var(--das-ui-tree-node-active-font-color)}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-disabled{cursor:not-allowed}.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-disabled .name,.das-ui-tree .das-tree-box .search-result-container .search-result-item.is-disabled .path-name{color:var(--das-ui-tree-node-disabled-bg-color)!important}.el-popover.das-tree-operation-dropdown{width:124px!important;min-width:124px!important;padding:0!important;max-height:260px;overflow:overlay}.el-popover.das-tree-operation-dropdown .opration-list{position:relative;border-radius:2px;background-color:#fff}.el-popover.das-tree-operation-dropdown .opration-list .opration-item{height:32px;line-height:32px;padding:0 12px;display:flex;align-items:center;cursor:pointer}.el-popover.das-tree-operation-dropdown .opration-list .opration-item .icon{height:100%;flex-shrink:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.el-popover.das-tree-operation-dropdown .opration-list .opration-item .label{margin-left:5px;font-size:12px;color:#212121}.el-popover.das-tree-operation-dropdown .opration-list .opration-item:not(.is-disabled):hover{background-color:#f5f5f5}.el-popover.das-tree-operation-dropdown .opration-list .opration-item.is-disabled{cursor:not-allowed}.el-popover.das-tree-operation-dropdown .opration-list .opration-item.is-disabled .label{color:#b2b2b2}.das-ui-virtual-tree .el-virtual-scrollbar{width:calc(var(--das-ui-scrollbar-thumb-size) + var(--das-ui-scrollbar-padding) * 2)!important;padding:0 var(--das-ui-scrollbar-padding)!important}.das-ui-virtual-tree .el-virtual-scrollbar .el-scrollbar__thumb{background-color:var(--das-ui-scrollbar-thumb-color)!important;opacity:1!important}.das-ui-virtual-tree .el-virtual-scrollbar:hover{padding:0!important}.das-ui-virtual-tree .el-virtual-scrollbar:hover .el-scrollbar__thumb{background-color:var(--das-ui-scrollbar-thumb-hover-color)!important}.das-ui-virtual-tree .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content{color:var(--das-ui-tree-node-active-font-color);background-color:var(--das-ui-tree-node-active-bg-color)}.das-ui-virtual-tree .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content .el-tree-node__expand-icon:not(.is-leaf){color:var(--das-ui-tree-node-active-font-color)}.das-ui-virtual-tree .el-tree-node.is-current:not([aria-disabled=true])>.el-tree-node__content>.el-tree-node__label{color:var(--das-ui-tree-node-active-font-color)!important;background-color:var(--das-ui-tree-node-active-bg-color)!important}

package/packages/components/watermark/index.d.ts

@@ -1,16 +1,16 @@
 declare const DasWatermark: import("@das-fed/utils").SFCWithInstall<{
-    new (...args: any[]): import("vue").CreateComponentPublicInstance<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, {}, true, {}, {}, {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
         C: {};
         M: {};
         Defaults: {};
-    }, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, {}>;
+    }, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, {}>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         default?(_: {}): any;
     };

package/packages/components/watermark/index.js

@@ -1,376 +1,32 @@
 import '@das-fed/ui/packages/components/watermark/style.css';
-import { getCurrentScope as he, onScopeDispose as _e, unref as ne, getCurrentInstance as ye, onMounted as oe, nextTick as be, watch as ae, ref as re, warn as we, defineComponent as F, computed as p, shallowRef as U, onBeforeUnmount as Oe, openBlock as se, createElementBlock as xe, normalizeStyle as Ie, renderSlot as le, createBlock as Se, mergeProps as $e, withCtx as Pe } from "vue";
-import { withInstall as ke } from "@das-fed/utils/with-install/index";
-var X;
-const ie = typeof window < "u";
-ie && ((X = window == null ? void 0 : window.navigator) != null && X.userAgent) && /iP(ad|hone|od)/.test(window.navigator.userAgent);
-function Ee(e) {
-  return typeof e == "function" ? e() : ne(e);
-}
-function Ce(e) {
-  return e;
-}
-function Me(e) {
-  return he() ? (_e(e), !0) : !1;
-}
-function We(e, t = !0) {
-  ye() ? oe(e) : t ? e() : be(e);
-}
-function Ne(e) {
-  var t;
-  const n = Ee(e);
-  return (t = n == null ? void 0 : n.$el) != null ? t : n;
-}
-const Ae = ie ? window : void 0;
-function Te(e, t = !1) {
-  const n = re(), r = () => n.value = !!e();
-  return r(), We(r, t), n;
-}
-const Y = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, K = "__vueuse_ssr_handlers__";
-Y[K] = Y[K] || {};
-var q = Object.getOwnPropertySymbols, je = Object.prototype.hasOwnProperty, Be = Object.prototype.propertyIsEnumerable, ze = (e, t) => {
-  var n = {};
-  for (var r in e)
-    je.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
-  if (e != null && q)
-    for (var r of q(e))
-      t.indexOf(r) < 0 && Be.call(e, r) && (n[r] = e[r]);
-  return n;
-};
-function Re(e, t, n = {}) {
-  const r = n, { window: s = Ae } = r, v = ze(r, ["window"]);
-  let u;
-  const I = Te(() => s && "MutationObserver" in s), y = () => {
-    u && (u.disconnect(), u = void 0);
-  }, f = ae(() => Ne(e), (i) => {
-    y(), I.value && s && i && (u = new MutationObserver(t), u.observe(i, v));
-  }, { immediate: !0 }), d = () => {
-    y(), f();
-  };
-  return Me(d), {
-    isSupported: I,
-    stop: d
-  };
-}
-var J;
-(function(e) {
-  e.UP = "UP", e.RIGHT = "RIGHT", e.DOWN = "DOWN", e.LEFT = "LEFT", e.NONE = "NONE";
-})(J || (J = {}));
-var He = Object.defineProperty, Z = Object.getOwnPropertySymbols, Le = Object.prototype.hasOwnProperty, Qe = Object.prototype.propertyIsEnumerable, ee = (e, t, n) => t in e ? He(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Fe = (e, t) => {
-  for (var n in t || (t = {}))
-    Le.call(t, n) && ee(e, n, t[n]);
-  if (Z)
-    for (var n of Z(t))
-      Qe.call(t, n) && ee(e, n, t[n]);
-  return e;
-};
-const De = {
-  easeInSine: [0.12, 0, 0.39, 0],
-  easeOutSine: [0.61, 1, 0.88, 1],
-  easeInOutSine: [0.37, 0, 0.63, 1],
-  easeInQuad: [0.11, 0, 0.5, 0],
-  easeOutQuad: [0.5, 1, 0.89, 1],
-  easeInOutQuad: [0.45, 0, 0.55, 1],
-  easeInCubic: [0.32, 0, 0.67, 0],
-  easeOutCubic: [0.33, 1, 0.68, 1],
-  easeInOutCubic: [0.65, 0, 0.35, 1],
-  easeInQuart: [0.5, 0, 0.75, 0],
-  easeOutQuart: [0.25, 1, 0.5, 1],
-  easeInOutQuart: [0.76, 0, 0.24, 1],
-  easeInQuint: [0.64, 0, 0.78, 0],
-  easeOutQuint: [0.22, 1, 0.36, 1],
-  easeInOutQuint: [0.83, 0, 0.17, 1],
-  easeInExpo: [0.7, 0, 0.84, 0],
-  easeOutExpo: [0.16, 1, 0.3, 1],
-  easeInOutExpo: [0.87, 0, 0.13, 1],
-  easeInCirc: [0.55, 0, 1, 0.45],
-  easeOutCirc: [0, 0.55, 0.45, 1],
-  easeInOutCirc: [0.85, 0, 0.15, 1],
-  easeInBack: [0.36, 0, 0.66, -0.56],
-  easeOutBack: [0.34, 1.56, 0.64, 1],
-  easeInOutBack: [0.68, -0.6, 0.32, 1.6]
-};
-Fe({
-  linear: Ce
-}, De);
-/**
-* @vue/shared v3.4.35
-* (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 Ve = Object.prototype.hasOwnProperty, te = (e, t) => Ve.call(e, t), ue = (e) => e !== null && typeof e == "object";
-function Ge(e) {
-  for (var t = -1, n = e == null ? 0 : e.length, r = {}; ++t < n; ) {
-    var s = e[t];
-    r[s[0]] = s[1];
-  }
-  return r;
-}
-const ce = "__epPropKey", H = (e) => e, Ue = (e) => ue(e) && !!e[ce], Xe = (e, t) => {
-  if (!ue(e) || Ue(e))
-    return e;
-  const { values: n, required: r, default: s, type: v, validator: u } = e, y = {
-    type: v,
-    required: !!r,
-    validator: n || u ? (f) => {
-      let d = !1, i = [];
-      if (n && (i = Array.from(n), te(e, "default") && i.push(s), d || (d = i.includes(f))), u && (d || (d = u(f))), !d && i.length > 0) {
-        const b = [...new Set(i)].map((g) => JSON.stringify(g)).join(", ");
-        we(`Invalid prop: validation failed${t ? ` for prop "${t}"` : ""}. Expected one of [${b}], got value ${JSON.stringify(f)}.`);
-      }
-      return d;
-    } : void 0,
-    [ce]: !0
-  };
-  return te(e, "default") && (y.default = s), y;
-}, Ye = (e) => Ge(Object.entries(e).map(([t, n]) => [
-  t,
-  Xe(n, t)
-])), Ke = (e, t) => (e.install = (n) => {
-  for (const r of [e, ...Object.values({})])
-    n.component(r.name, r);
-}, e);
-var qe = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, s] of t)
-    n[r] = s;
-  return n;
-};
-const Je = Ye({
-  zIndex: {
-    type: Number,
-    default: 9
-  },
-  rotate: {
-    type: Number,
-    default: -22
-  },
-  width: Number,
-  height: Number,
-  image: String,
-  content: {
-    type: H([String, Array]),
-    default: "Element Plus"
-  },
-  font: {
-    type: H(Object)
-  },
-  gap: {
-    type: H(Array),
-    default: () => [100, 100]
-  },
-  offset: {
-    type: H(Array)
-  }
-});
-function Ze(e) {
-  return e.replace(/([A-Z])/g, "-$1").toLowerCase();
-}
-function et(e) {
-  return Object.keys(e).map((t) => `${Ze(t)}: ${e[t]};`).join(" ");
-}
-function tt() {
-  return window.devicePixelRatio || 1;
-}
-const nt = (e, t) => {
-  let n = !1;
-  return e.removedNodes.length && t && (n = Array.from(e.removedNodes).includes(t)), e.type === "attributes" && e.target === t && (n = !0), n;
-}, fe = 3;
-function Q(e, t, n = 1) {
-  const r = document.createElement("canvas"), s = r.getContext("2d"), v = e * n, u = t * n;
-  return r.setAttribute("width", `${v}px`), r.setAttribute("height", `${u}px`), s.save(), [s, r, v, u];
-}
-function ot() {
-  function e(t, n, r, s, v, u, I, y) {
-    const [f, d, i, b] = Q(s, v, r);
-    if (t instanceof HTMLImageElement)
-      f.drawImage(t, 0, 0, i, b);
-    else {
-      const {
-        color: _,
-        fontSize: C,
-        fontStyle: T,
-        fontWeight: j,
-        fontFamily: pe,
-        textAlign: ve,
-        textBaseline: me
-      } = u, D = Number(C) * r;
-      f.font = `${T} normal ${j} ${D}px/${v}px ${pe}`, f.fillStyle = _, f.textAlign = ve, f.textBaseline = me;
-      const V = Array.isArray(t) ? t : [t];
-      V == null || V.forEach((G, ge) => {
-        f.fillText(G ?? "", i / 2, ge * (D + fe * r));
-      });
-    }
-    const g = Math.PI / 180 * Number(n), R = Math.max(s, v), [B, L, w] = Q(R, R, r);
-    B.translate(w / 2, w / 2), B.rotate(g), i > 0 && b > 0 && B.drawImage(d, -i / 2, -b / 2);
-    function m(_, C) {
-      const T = _ * Math.cos(g) - C * Math.sin(g), j = _ * Math.sin(g) + C * Math.cos(g);
-      return [T, j];
-    }
-    let S = 0, W = 0, N = 0, z = 0;
-    const A = i / 2, $ = b / 2;
-    [
-      [0 - A, 0 - $],
-      [0 + A, 0 - $],
-      [0 + A, 0 + $],
-      [0 - A, 0 + $]
-    ].forEach(([_, C]) => {
-      const [T, j] = m(_, C);
-      S = Math.min(S, T), W = Math.max(W, T), N = Math.min(N, j), z = Math.max(z, j);
-    });
-    const o = S + w / 2, a = N + w / 2, l = W - S, h = z - N, O = I * r, P = y * r, M = (l + O) * 2, k = h + P, [E, c] = Q(M, k);
-    function x(_ = 0, C = 0) {
-      E.drawImage(L, o, a, l, h, _, C, l, h);
-    }
-    return x(), x(l + O, -h / 2 - P / 2), x(l + O, +h / 2 + P / 2), [c.toDataURL(), M / r, k / r];
-  }
-  return e;
-}
-const at = F({
-  name: "ElWatermark"
-}), rt = /* @__PURE__ */ F({
-  ...at,
-  props: Je,
-  setup(e) {
-    const t = e, n = {
-      position: "relative"
-    }, r = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.color) != null ? a : "rgba(0,0,0,.15)";
-    }), s = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.fontSize) != null ? a : 16;
-    }), v = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.fontWeight) != null ? a : "normal";
-    }), u = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.fontStyle) != null ? a : "normal";
-    }), I = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.fontFamily) != null ? a : "sans-serif";
-    }), y = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.textAlign) != null ? a : "center";
-    }), f = p(() => {
-      var o, a;
-      return (a = (o = t.font) == null ? void 0 : o.textBaseline) != null ? a : "top";
-    }), d = p(() => t.gap[0]), i = p(() => t.gap[1]), b = p(() => d.value / 2), g = p(() => i.value / 2), R = p(() => {
-      var o, a;
-      return (a = (o = t.offset) == null ? void 0 : o[0]) != null ? a : b.value;
-    }), B = p(() => {
-      var o, a;
-      return (a = (o = t.offset) == null ? void 0 : o[1]) != null ? a : g.value;
-    }), L = () => {
-      const o = {
-        zIndex: t.zIndex,
-        position: "absolute",
-        left: 0,
-        top: 0,
-        width: "100%",
-        height: "100%",
-        pointerEvents: "none",
-        backgroundRepeat: "repeat"
-      };
-      let a = R.value - b.value, l = B.value - g.value;
-      return a > 0 && (o.left = `${a}px`, o.width = `calc(100% - ${a}px)`, a = 0), l > 0 && (o.top = `${l}px`, o.height = `calc(100% - ${l}px)`, l = 0), o.backgroundPosition = `${a}px ${l}px`, o;
-    }, w = U(null), m = U(), S = re(!1), W = () => {
-      m.value && (m.value.remove(), m.value = void 0);
-    }, N = (o, a) => {
-      var l;
-      w.value && m.value && (S.value = !0, m.value.setAttribute("style", et({
-        ...L(),
-        backgroundImage: `url('${o}')`,
-        backgroundSize: `${Math.floor(a)}px`
-      })), (l = w.value) == null || l.append(m.value), setTimeout(() => {
-        S.value = !1;
-      }));
-    }, z = (o) => {
-      let a = 120, l = 64;
-      const h = t.image, O = t.content, P = t.width, M = t.height;
-      if (!h && o.measureText) {
-        o.font = `${Number(s.value)}px ${I.value}`;
-        const k = Array.isArray(O) ? O : [O], E = k.map((c) => {
-          const x = o.measureText(c);
-          return [
-            x.width,
-            x.fontBoundingBoxAscent + x.fontBoundingBoxDescent
-          ];
-        });
-        a = Math.ceil(Math.max(...E.map((c) => c[0]))), l = Math.ceil(Math.max(...E.map((c) => c[1]))) * k.length + (k.length - 1) * fe;
-      }
-      return [P ?? a, M ?? l];
-    }, A = ot(), $ = () => {
-      const a = document.createElement("canvas").getContext("2d"), l = t.image, h = t.content, O = t.rotate;
-      if (a) {
-        m.value || (m.value = document.createElement("div"));
-        const P = tt(), [M, k] = z(a), E = (c) => {
-          const [x, _] = A(c || "", O, P, M, k, {
-            color: r.value,
-            fontSize: s.value,
-            fontStyle: u.value,
-            fontWeight: v.value,
-            fontFamily: I.value,
-            textAlign: y.value,
-            textBaseline: f.value
-          }, d.value, i.value);
-          N(x, _);
-        };
-        if (l) {
-          const c = new Image();
-          c.onload = () => {
-            E(c);
-          }, c.onerror = () => {
-            E(h);
-          }, c.crossOrigin = "anonymous", c.referrerPolicy = "no-referrer", c.src = l;
-        } else
-          E(h);
-      }
-    };
-    return oe(() => {
-      $();
-    }), ae(() => t, () => {
-      $();
-    }, {
-      deep: !0,
-      flush: "post"
-    }), Oe(() => {
-      W();
-    }), Re(w, (o) => {
-      S.value || o.forEach((a) => {
-        nt(a, m.value) && (W(), $());
-      });
-    }, {
-      attributes: !0
-    }), (o, a) => (se(), xe("div", {
-      ref_key: "containerRef",
-      ref: w,
-      style: Ie([n])
-    }, [
-      le(o.$slots, "default")
-    ], 4));
-  }
-});
-var st = /* @__PURE__ */ qe(rt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/watermark/src/watermark.vue"]]);
-const lt = Ke(st), it = /* @__PURE__ */ F({
+import { defineComponent as s, openBlock as n, createBlock as c, unref as m, mergeProps as p, withCtx as l, renderSlot as _ } from "vue";
+import { ElWatermark as i } from "element-plus";
+import "element-plus/es/components/watermark/style/css";
+import { withInstall as d } from "@das-fed/utils/with-install/index";
+const f = /* @__PURE__ */ s({
   __name: "index",
-  setup(e) {
-    return (t, n) => (se(), Se(ne(lt), $e({ class: "das-watermark" }, t.$attrs), {
-      default: Pe(() => [
-        le(t.$slots, "default", {}, void 0, !0)
-      ]),
-      _: 3
-    }, 16));
+  setup(r) {
+    return (t, e) => (n(), c(
+      m(i),
+      p({ class: "das-watermark" }, t.$attrs),
+      {
+        default: l(() => [
+          _(t.$slots, "default", {}, void 0, !0)
+        ]),
+        _: 3
+        /* FORWARDED */
+      },
+      16
+      /* FULL_PROPS */
+    ));
   }
-}), ut = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [r, s] of t)
-    n[r] = s;
-  return n;
-}, ct = /* @__PURE__ */ ut(it, [["__scopeId", "data-v-adae4d4c"]]), pt = ke(ct), vt = { title: "watermark 水印" };
+}), u = (r, t) => {
+  const e = r.__vccOpts || r;
+  for (const [o, a] of t)
+    e[o] = a;
+  return e;
+}, k = /* @__PURE__ */ u(f, [["__scopeId", "data-v-4756a06e"]]), g = d(k), B = { title: "watermark 水印" };
 export {
-  pt as DasWatermark,
-  vt as default
+  g as DasWatermark,
+  B as default
 };

package/packages/components/watermark/src/index.vue.d.ts

@@ -1,9 +1,14 @@
 import 'element-plus/es/components/watermark/style/css';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

package/packages/components/watermark/style.css

@@ -1 +1 @@
-.das-watermark[data-v-adae4d4c]{position:relative;width:100%;height:100%}
+.das-watermark[data-v-4756a06e]{position:relative;width:100%;height:100%}