@hoenergy/hoenergy-template-pc 1.1.21 → 1.1.23

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-1{margin-left:.25rem;margin-right:.25rem}.mb-2{margin-bottom:.5rem}.mb-\[16px\]{margin-bottom:16px}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-\[2px\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-24{height:6rem}.h-auto{height:auto}.h-full{height:100%}.min-h-0{min-height:0px}.w-72{width:18rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.border{border-width:1px}.border-l{border-left-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-50\/60{background-color:#f9fafb99}.p-0{padding:0}.pb-\[16px\]{padding-bottom:16px}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-\[14px\]{font-size:14px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.n-tree .n-tree-node-indent.n-tree-node-indent--show-line:before{border-left:1px dashed #D5D7D8!important;transform:translate(-50)!important;top:-1px!important}.n-tree .n-tree-node-indent.n-tree-node-indent--show-line.n-tree-node-indent--is-leaf:after{border-bottom:1px dashed #D5D7D8!important;transform:translateY(-50%)}.cursor-move{cursor:move}.n-dialog__title{padding-right:0!important}.n-card>.n-card__action{background:var(--n-color)}.n-card>.n-card__action .n-space{justify-content:flex-end!important}#basic-modal{box-sizing:border-box}#basic-modal .n-card-header{background:var(--n-color);height:48px}#basic-modal .n-card__content{padding-top:10px;background:var(--n-color)}#basic-modal .n-card__action{background:var(--n-color)}svg[data-v-d7ffc5d5]{color:currentColor}[data-v-d7ffc5d5] svg{width:100%;height:100%;display:block}.table-toolbar-inner-popover-title{padding:3px 0}.table-toolbar-right-icon{margin-left:4px;font-size:16px;color:var(--text-color);cursor:pointer}.table-toolbar-right-icon :hover{color:#1890ff}.table-toolbar-inner-checkbox{display:flex;align-items:center;padding:10px 14px}.table-toolbar-inner-checkbox:hover{background:rgba(19,180,151,.3)}.table-toolbar-inner-checkbox .drag-icon{display:inline-flex;margin-right:8px;cursor:move}.table-toolbar-inner-checkbox .drag-icon-hidden{visibility:hidden;cursor:default}.table-toolbar-inner-checkbox .ant-checkbox-wrapper{flex:1}.table-toolbar-inner-checkbox .ant-checkbox-wrapper:hover{color:#1890ff!important}.table-toolbar-inner-checkbox-dark:hover{background:hsla(0,0%,100%,.08)}.toolbar-popover .n-popover__content{padding:0}.table-toolbar[data-v-a17eb44a]{display:flex;justify-content:space-between}.table-toolbar-left[data-v-a17eb44a]{display:flex;align-items:center;justify-content:flex-start;flex:1}.table-toolbar-left-title[data-v-a17eb44a]{display:flex;align-items:center;justify-content:flex-start;font-size:16px;font-weight:600}.table-toolbar-right[data-v-a17eb44a]{display:flex;justify-content:flex-end;flex:1}.table-toolbar-right-icon[data-v-a17eb44a]{margin-left:4px;font-size:16px;cursor:pointer;color:var(--text-color)}.table-toolbar-right-icon[data-v-a17eb44a] :hover{color:#1890ff}[data-v-a17eb44a] .n-data-table-base-table{height:95%!important}.table-toolbar-inner-popover-title[data-v-a17eb44a]{padding:2px 0}.s-table[data-v-a17eb44a]{border-radius:8px 8px 0 0;transition:all .4s}.s-table[data-v-a17eb44a] .n-data-table .n-data-table-th .n-data-table-resize-button:after{background-color:#6e7d8b}.s-table[data-v-a17eb44a] .n-data-table .n-data-table-th .n-data-table-resize-button:hover:after{background-color:var(--n-th-icon-color-active)!important}.isFull[data-v-71b5cafa]{width:100%;justify-content:flex-start}.unfold-icon[data-v-71b5cafa]{display:flex;align-items:center;height:100%;margin-left:-3px}.echart[data-v-15e0ee6d]{width:100%;height:100%}.chart-card-header[data-v-a7bd1a40]{display:flex;align-items:center;gap:10px}.chart-card-header[data-v-a7bd1a40] .n-form-item-feedback-wrapper{display:none}.chart-card-content[data-v-a7bd1a40]{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:nowrap;height:100%;min-height:200px}.chart-card-content-item[data-v-a7bd1a40]{height:100%;width:100%;flex:1}.file-viewer-container[data-v-fc478b1b]{display:flex;flex-direction:column;background-color:#f5f5f5}[data-v-fc478b1b] .n-spin-content,[data-v-fc478b1b] .n-spin-container{height:100%!important}.file-viewer-wrapper[data-v-fc478b1b]{flex:1;height:100%;width:100%;display:flex;flex-direction:column}.file-viewer-content[data-v-fc478b1b]{flex:1;height:100%;width:100%;overflow:auto}.file-viewer-unsupported[data-v-fc478b1b],.file-viewer-loading[data-v-fc478b1b],.file-viewer-error[data-v-fc478b1b]{display:flex;justify-content:center;align-items:center;height:100%;color:#999;padding:20px;text-align:center}.file-viewer-error[data-v-fc478b1b]{color:#ff4d4f;flex-direction:column;gap:8px}[data-v-e78fd1d9] .n-input-wrapper{padding-right:0!important}[data-v-e78fd1d9] .n-input__suffix{border:1px solid #d9d9d9}.formax-calendar[data-v-5d7e2793]{--formax-calendar-primary: #0f67fe;--formax-calendar-weekend: #fa4d5e}.formax-calendar__header[data-v-5d7e2793]{padding:8px 0;min-height:40px}.formax-calendar__header-inner[data-v-5d7e2793]{width:100%}.formax-calendar__header-range[data-v-5d7e2793]{display:flex;align-items:center;gap:8px}.formax-calendar__year-select[data-v-5d7e2793]{width:96px}.formax-calendar__month-select[data-v-5d7e2793]{width:80px}.formax-calendar__month-header[data-v-5d7e2793]{margin-bottom:8px}.formax-calendar__title[data-v-5d7e2793]{font-weight:600;min-width:72px;text-align:center}.formax-calendar__month-grid[data-v-5d7e2793]{gap:0;padding:0}.formax-calendar__month-cell[data-v-5d7e2793]{width:16.6666666667%;padding:8px;box-sizing:border-box;border:1px solid var(--n-border-color, #e0e0e0);margin:-1px 0 0 -1px;display:flex;flex-direction:column;min-height:80px;cursor:pointer;transition:background-color .2s;position:relative;background-color:var(--formax-calendar-cell-bg, transparent)}.formax-calendar__month-cell[data-v-5d7e2793]:hover{background-color:var(--formax-calendar-cell-hover-bg, var(--n-cell-color-hover, rgba(15, 103, 254, .08)))}.formax-calendar__month-cell--selected[data-v-5d7e2793]{background-color:var(--formax-calendar-cell-selected-bg, transparent)}.formax-calendar__month-cell-title[data-v-5d7e2793]{background-color:var(--formax-calendar-primary);color:#fff;margin:-8px -8px 8px;padding:6px 8px;font-size:14px;line-height:1.4;text-align:center}.formax-calendar__month-cell-body[data-v-5d7e2793]{flex:1;overflow:auto;font-size:12px;color:var(--formax-calendar-cell-text-color, inherit)}.formax-calendar__month-cell-bar[data-v-5d7e2793]{position:absolute;left:0;right:0;bottom:0;height:3px;background-color:transparent;transform-origin:center;transition:background-color .3s var(--n-bezier)}.formax-calendar__month-cell--selected .formax-calendar__month-cell-bar[data-v-5d7e2793]{background-color:var(--v5168e06c)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell{background-color:var(--formax-calendar-cell-bg, transparent);color:var(--formax-calendar-cell-text-color, inherit)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:hover{background-color:var(--formax-calendar-cell-hover-bg, var(--n-cell-color-hover, rgba(15, 103, 254, .08)))}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell--selected{background-color:var(--formax-calendar-cell-selected-bg, transparent);color:var(--formax-calendar-cell-text-color, #fff)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-header__extra{display:none!important}[data-v-5d7e2793] .formax-calendar__day .n-calendar-header__title{width:100%}[data-v-5d7e2793] .formax-calendar__day .n-calendar-header{padding:0 0 32px}[data-v-5d7e2793] .formax-calendar__day .n-calendar-date__day{position:absolute;left:-10px;right:0;margin:auto;top:-40px;text-align:center;font-size:18px;line-height:30px;width:calc(100% + 20px);color:#fff!important}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:nth-child(-n+5) .n-calendar-date .n-calendar-date__day{background-color:var(--formax-calendar-primary)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:nth-child(6) .n-calendar-date .n-calendar-date__day,[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:nth-child(7) .n-calendar-date .n-calendar-date__day{background-color:var(--formax-calendar-weekend)}[data-v-5d7e2793] .n-radio-group .n-radio-button.n-radio-button--checked{background-color:var(--formax-calendar-primary);color:#fff}.formax-title__icon[data-v-7fa0281d]{-o-object-fit:contain;object-fit:contain}.formax-title__text[data-v-7fa0281d]{color:var(--formax-title-text-color);font-size:var(--formax-title-text-size);font-weight:var(--formax-title-text-weight)}.formax-title__text--required-left[data-v-7fa0281d]:before{content:"*";color:#ff4747;margin-right:4px}.formax-title__text--required-right[data-v-7fa0281d]:after{content:"*";color:#ff4747;margin-left:4px}.formax-title--tiny[data-v-7fa0281d]{font-size:12px}.formax-title--tiny .formax-title__icon[data-v-7fa0281d]{width:12px;height:12px}.formax-title--small[data-v-7fa0281d]{font-size:14px}.formax-title--small .formax-title__icon[data-v-7fa0281d]{width:16px;height:16px}.formax-title--medium[data-v-7fa0281d]{font-size:16px}.formax-title--medium .formax-title__icon[data-v-7fa0281d]{width:20px;height:20px}.formax-title--large[data-v-7fa0281d]{font-size:18px}.formax-title--large .formax-title__icon[data-v-7fa0281d]{width:24px;height:24px}.formax-loading__overlay-desc[data-v-d1079e33]{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.formax-loading__progress[data-v-d1079e33]{width:100%;min-width:150px}.formax-loading__overlay-text[data-v-d1079e33]{font-size:14px;color:var(--n-text-color, inherit)}.formax-info-card[data-v-9bd56878]{position:relative;display:flex;align-items:center;padding:10px 16px;border-radius:var(--f-border-radius, 8px);box-sizing:border-box;cursor:default;box-shadow:var(--box-shadow-1);background-color:var(--f-color);color:var(--text-color-base);overflow:hidden}.formax-info-card-bordered[data-v-9bd56878]{border:1px solid var(--border-color)}.fic-left[data-v-9bd56878]{flex:0 0 auto;margin-right:12px;display:flex;align-items:center;justify-content:center}.fic-icon-default[data-v-9bd56878]{width:var(--f-icon-size, 34px);height:var(--f-icon-size, 34px);border-radius:50%;border:1px solid rgba(0,200,255,.9);display:flex;align-items:center;justify-content:center;background:var(--avatar-color);box-shadow:0 0 12px #00c8ff99}.fic-icon-default span[data-v-9bd56878]{font-size:16px;font-weight:600}.fic-right[data-v-9bd56878]{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-width:0}.fic-title[data-v-9bd56878]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.fic-content[data-v-9bd56878]{font-size:20px;line-height:1;font-weight:600}
1
+ @charset "UTF-8";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width: 640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width: 768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width: 1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width: 1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width: 1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.mx-1{margin-left:.25rem;margin-right:.25rem}.mb-2{margin-bottom:.5rem}.mb-\[16px\]{margin-bottom:16px}.ml-1{margin-left:.25rem}.ml-auto{margin-left:auto}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-4{margin-top:1rem}.mt-\[2px\]{margin-top:2px}.block{display:block}.inline{display:inline}.flex{display:flex}.\!table{display:table!important}.table{display:table}.grid{display:grid}.hidden{display:none}.h-24{height:6rem}.h-auto{height:auto}.h-full{height:100%}.min-h-0{min-height:0px}.w-72{width:18rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-auto{overflow:auto}.border{border-width:1px}.border-l{border-left-width:1px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.bg-gray-50\/60{background-color:#f9fafb99}.p-0{padding:0}.pb-\[16px\]{padding-bottom:16px}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-\[14px\]{font-size:14px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-300{transition-duration:.3s}.n-tree .n-tree-node-indent.n-tree-node-indent--show-line:before{border-left:1px dashed #D5D7D8!important;transform:translate(-50)!important;top:-1px!important}.n-tree .n-tree-node-indent.n-tree-node-indent--show-line.n-tree-node-indent--is-leaf:after{border-bottom:1px dashed #D5D7D8!important;transform:translateY(-50%)}.cursor-move{cursor:move}.n-dialog__title{padding-right:0!important}.n-card>.n-card__action{background:var(--n-color)}.n-card>.n-card__action .n-space{justify-content:flex-end!important}#basic-modal{box-sizing:border-box}#basic-modal .n-card-header{background:var(--n-color);height:48px}#basic-modal .n-card__content{padding-top:10px;background:var(--n-color)}#basic-modal .n-card__action{background:var(--n-color)}svg[data-v-4970655c]{color:currentColor;display:inline-block}[data-v-4970655c] svg{display:inline-block}.table-toolbar-inner-popover-title{padding:3px 0}.table-toolbar-right-icon{margin-left:4px;font-size:16px;color:var(--text-color);cursor:pointer}.table-toolbar-right-icon :hover{color:#1890ff}.table-toolbar-inner-checkbox{display:flex;align-items:center;padding:10px 14px}.table-toolbar-inner-checkbox:hover{background:rgba(19,180,151,.3)}.table-toolbar-inner-checkbox .drag-icon{display:inline-flex;margin-right:8px;cursor:move}.table-toolbar-inner-checkbox .drag-icon-hidden{visibility:hidden;cursor:default}.table-toolbar-inner-checkbox .ant-checkbox-wrapper{flex:1}.table-toolbar-inner-checkbox .ant-checkbox-wrapper:hover{color:#1890ff!important}.table-toolbar-inner-checkbox-dark:hover{background:hsla(0,0%,100%,.08)}.toolbar-popover .n-popover__content{padding:0}.table-toolbar[data-v-a17eb44a]{display:flex;justify-content:space-between}.table-toolbar-left[data-v-a17eb44a]{display:flex;align-items:center;justify-content:flex-start;flex:1}.table-toolbar-left-title[data-v-a17eb44a]{display:flex;align-items:center;justify-content:flex-start;font-size:16px;font-weight:600}.table-toolbar-right[data-v-a17eb44a]{display:flex;justify-content:flex-end;flex:1}.table-toolbar-right-icon[data-v-a17eb44a]{margin-left:4px;font-size:16px;cursor:pointer;color:var(--text-color)}.table-toolbar-right-icon[data-v-a17eb44a] :hover{color:#1890ff}[data-v-a17eb44a] .n-data-table-base-table{height:95%!important}.table-toolbar-inner-popover-title[data-v-a17eb44a]{padding:2px 0}.s-table[data-v-a17eb44a]{border-radius:8px 8px 0 0;transition:all .4s}.s-table[data-v-a17eb44a] .n-data-table .n-data-table-th .n-data-table-resize-button:after{background-color:#6e7d8b}.s-table[data-v-a17eb44a] .n-data-table .n-data-table-th .n-data-table-resize-button:hover:after{background-color:var(--n-th-icon-color-active)!important}.isFull[data-v-3fab5838]{width:100%;justify-content:flex-start}.unfold-icon[data-v-3fab5838]{display:flex;align-items:center;height:100%;margin-left:-3px}.echart[data-v-15e0ee6d]{width:100%;height:100%}.chart-card-header[data-v-a7bd1a40]{display:flex;align-items:center;gap:10px}.chart-card-header[data-v-a7bd1a40] .n-form-item-feedback-wrapper{display:none}.chart-card-content[data-v-a7bd1a40]{display:flex;gap:10px;justify-content:space-between;align-items:center;flex-wrap:nowrap;height:100%;min-height:200px}.chart-card-content-item[data-v-a7bd1a40]{height:100%;width:100%;flex:1}.file-viewer-container[data-v-fc478b1b]{display:flex;flex-direction:column;background-color:#f5f5f5}[data-v-fc478b1b] .n-spin-content,[data-v-fc478b1b] .n-spin-container{height:100%!important}.file-viewer-wrapper[data-v-fc478b1b]{flex:1;height:100%;width:100%;display:flex;flex-direction:column}.file-viewer-content[data-v-fc478b1b]{flex:1;height:100%;width:100%;overflow:auto}.file-viewer-unsupported[data-v-fc478b1b],.file-viewer-loading[data-v-fc478b1b],.file-viewer-error[data-v-fc478b1b]{display:flex;justify-content:center;align-items:center;height:100%;color:#999;padding:20px;text-align:center}.file-viewer-error[data-v-fc478b1b]{color:#ff4d4f;flex-direction:column;gap:8px}[data-v-37f35623] .n-input-wrapper{padding-right:0!important}[data-v-37f35623] .n-input__suffix{border:1px solid #d9d9d9}.formax-calendar[data-v-5d7e2793]{--formax-calendar-primary: #0f67fe;--formax-calendar-weekend: #fa4d5e}.formax-calendar__header[data-v-5d7e2793]{padding:8px 0;min-height:40px}.formax-calendar__header-inner[data-v-5d7e2793]{width:100%}.formax-calendar__header-range[data-v-5d7e2793]{display:flex;align-items:center;gap:8px}.formax-calendar__year-select[data-v-5d7e2793]{width:96px}.formax-calendar__month-select[data-v-5d7e2793]{width:80px}.formax-calendar__month-header[data-v-5d7e2793]{margin-bottom:8px}.formax-calendar__title[data-v-5d7e2793]{font-weight:600;min-width:72px;text-align:center}.formax-calendar__month-grid[data-v-5d7e2793]{gap:0;padding:0}.formax-calendar__month-cell[data-v-5d7e2793]{width:16.6666666667%;padding:8px;box-sizing:border-box;border:1px solid var(--n-border-color, #e0e0e0);margin:-1px 0 0 -1px;display:flex;flex-direction:column;min-height:80px;cursor:pointer;transition:background-color .2s;position:relative;background-color:var(--formax-calendar-cell-bg, transparent)}.formax-calendar__month-cell[data-v-5d7e2793]:hover{background-color:var(--formax-calendar-cell-hover-bg, var(--n-cell-color-hover, rgba(15, 103, 254, .08)))}.formax-calendar__month-cell--selected[data-v-5d7e2793]{background-color:var(--formax-calendar-cell-selected-bg, transparent)}.formax-calendar__month-cell-title[data-v-5d7e2793]{background-color:var(--formax-calendar-primary);color:#fff;margin:-8px -8px 8px;padding:6px 8px;font-size:14px;line-height:1.4;text-align:center}.formax-calendar__month-cell-body[data-v-5d7e2793]{flex:1;overflow:auto;font-size:12px;color:var(--formax-calendar-cell-text-color, inherit)}.formax-calendar__month-cell-bar[data-v-5d7e2793]{position:absolute;left:0;right:0;bottom:0;height:3px;background-color:transparent;transform-origin:center;transition:background-color .3s var(--n-bezier)}.formax-calendar__month-cell--selected .formax-calendar__month-cell-bar[data-v-5d7e2793]{background-color:var(--v5168e06c)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell{background-color:var(--formax-calendar-cell-bg, transparent);color:var(--formax-calendar-cell-text-color, inherit)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:hover{background-color:var(--formax-calendar-cell-hover-bg, var(--n-cell-color-hover, rgba(15, 103, 254, .08)))}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell--selected{background-color:var(--formax-calendar-cell-selected-bg, transparent);color:var(--formax-calendar-cell-text-color, #fff)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-header__extra{display:none!important}[data-v-5d7e2793] .formax-calendar__day .n-calendar-header__title{width:100%}[data-v-5d7e2793] .formax-calendar__day .n-calendar-header{padding:0 0 32px}[data-v-5d7e2793] .formax-calendar__day .n-calendar-date__day{position:absolute;left:-10px;right:0;margin:auto;top:-40px;text-align:center;font-size:18px;line-height:30px;width:calc(100% + 20px);color:#fff!important}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:nth-child(-n+5) .n-calendar-date .n-calendar-date__day{background-color:var(--formax-calendar-primary)}[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:nth-child(6) .n-calendar-date .n-calendar-date__day,[data-v-5d7e2793] .formax-calendar__day .n-calendar-cell:nth-child(7) .n-calendar-date .n-calendar-date__day{background-color:var(--formax-calendar-weekend)}[data-v-5d7e2793] .n-radio-group .n-radio-button.n-radio-button--checked{background-color:var(--formax-calendar-primary);color:#fff}.formax-title__icon[data-v-7fa0281d]{-o-object-fit:contain;object-fit:contain}.formax-title__text[data-v-7fa0281d]{color:var(--formax-title-text-color);font-size:var(--formax-title-text-size);font-weight:var(--formax-title-text-weight)}.formax-title__text--required-left[data-v-7fa0281d]:before{content:"*";color:#ff4747;margin-right:4px}.formax-title__text--required-right[data-v-7fa0281d]:after{content:"*";color:#ff4747;margin-left:4px}.formax-title--tiny[data-v-7fa0281d]{font-size:12px}.formax-title--tiny .formax-title__icon[data-v-7fa0281d]{width:12px;height:12px}.formax-title--small[data-v-7fa0281d]{font-size:14px}.formax-title--small .formax-title__icon[data-v-7fa0281d]{width:16px;height:16px}.formax-title--medium[data-v-7fa0281d]{font-size:16px}.formax-title--medium .formax-title__icon[data-v-7fa0281d]{width:20px;height:20px}.formax-title--large[data-v-7fa0281d]{font-size:18px}.formax-title--large .formax-title__icon[data-v-7fa0281d]{width:24px;height:24px}.formax-loading__overlay-desc[data-v-d1079e33]{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:120px}.formax-loading__progress[data-v-d1079e33]{width:100%;min-width:150px}.formax-loading__overlay-text[data-v-d1079e33]{font-size:14px;color:var(--n-text-color, inherit)}.formax-info-card[data-v-9bd56878]{position:relative;display:flex;align-items:center;padding:10px 16px;border-radius:var(--f-border-radius, 8px);box-sizing:border-box;cursor:default;box-shadow:var(--box-shadow-1);background-color:var(--f-color);color:var(--text-color-base);overflow:hidden}.formax-info-card-bordered[data-v-9bd56878]{border:1px solid var(--border-color)}.fic-left[data-v-9bd56878]{flex:0 0 auto;margin-right:12px;display:flex;align-items:center;justify-content:center}.fic-icon-default[data-v-9bd56878]{width:var(--f-icon-size, 34px);height:var(--f-icon-size, 34px);border-radius:50%;border:1px solid rgba(0,200,255,.9);display:flex;align-items:center;justify-content:center;background:var(--avatar-color);box-shadow:0 0 12px #00c8ff99}.fic-icon-default span[data-v-9bd56878]{font-size:16px;font-weight:600}.fic-right[data-v-9bd56878]{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;min-width:0}.fic-title[data-v-9bd56878]{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.fic-content[data-v-9bd56878]{font-size:20px;line-height:1;font-weight:600}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@hoenergy/hoenergy-template-pc",
3
3
  "type": "module",
4
- "version": "1.1.21",
4
+ "version": "1.1.23",
5
5
  "description": "A cross-compatible Vue component library with metadata extraction",
6
6
  "publishConfig": {
7
7
  "access": "public"
@@ -28,14 +28,19 @@ const meta: ComponentMeta = {
28
28
  slots: [],
29
29
  methods: [],
30
30
  usage: `<template>
31
- <EleTimePicker v-model:value="time" />
31
+ <div style="padding: 16px;">
32
+ <FormaxEleTimePicker :value="time" @update:value="val => time = val" />
33
+ <div style="margin-top: 20px;">Current Time: {{ time }}</div>
34
+ </div>
32
35
  </template>
33
36
 
34
37
  <script setup lang="ts">
35
- import { ref } from 'vue'
36
- import { EleTimePickerComponent as EleTimePicker } from '@hoenergy/hoenergy-template-pc'
37
-
38
- const time = ref<string | null>(null)
38
+ import { ref, onMounted } from 'vue'
39
+ import FormaxEleTimePicker from './index'
40
+ onMounted(() => {
41
+ console.log('进来了')
42
+ })
43
+ const time = ref<string | null>('23:00')
39
44
  </script>`,
40
45
  previewPath: 'Business/dataEntry/FormaxEleTimePicker/preview.vue',
41
46
  package: 'business',
@@ -170,8 +170,7 @@ const [register, { openModal, closeModal }] = useModalSearchTable({
170
170
  schemas,
171
171
  },
172
172
  })
173
- </script>
174
- `,
173
+ </script>`,
175
174
  previewPath: 'Business/dataEntry/modalSearchTable/preview.vue',
176
175
  package: 'business',
177
176
  category: 'dataEntry',
@@ -43,6 +43,7 @@ const meta: ComponentMeta = {
43
43
  type: 'string',
44
44
  default: 'left',
45
45
  description: '标签位置',
46
+ options: ['left', 'top'],
46
47
  },
47
48
  showActionButtonGroup: {
48
49
  type: 'boolean',
@@ -99,30 +100,55 @@ const meta: ComponentMeta = {
99
100
  },
100
101
  ],
101
102
  usage: `<template>
102
- <FormaxForm
103
- :schemas="schemas"
104
- @submit="handleSubmit"
105
- @reset="handleReset"
106
- />
103
+ <div style="padding: 16px;">
104
+ <FormaxForm @register="register" @submit="handleSubmit" @reset="handleReset" :showAdvancedButton="true" />
105
+ </div>
107
106
  </template>
108
107
 
109
108
  <script setup lang="ts">
110
- const schemas = [
109
+ import { ref } from 'vue'
110
+ import { FormaxFormComponent as FormaxForm, useForm } from './index'
111
+
112
+ const schemas = ref([
111
113
  {
112
114
  field: 'name',
113
115
  label: '姓名',
114
116
  component: 'NInput',
115
117
  },
116
- ];
118
+ {
119
+ field: 'status',
120
+ label: '状态',
121
+ component: 'NSelect',
122
+ componentProps: {
123
+ options: [
124
+ { label: '启用', value: 'enable' },
125
+ { label: '停用', value: 'disable' },
126
+ ],
127
+ },
128
+ },
129
+ ])
130
+
131
+ /** 筛选框自适应 */
132
+ const [register] = useForm({
133
+ gridProps: {
134
+ cols: '2 s:2 m:2 l:3 xl:4 2xl:4',
135
+ responsive: 'screen',
136
+ collapsed: false,
137
+ collapsedRows: 10
138
+ },
139
+ labelWidth: 60,
140
+ schemas,
141
+ });
117
142
 
118
143
  function handleSubmit(values: any) {
119
- console.log('submit', values);
144
+ console.log('submit', values)
120
145
  }
121
146
 
122
147
  function handleReset(values: any) {
123
- console.log('reset', values);
148
+ console.log('reset', values)
124
149
  }
125
- </script>`,
150
+ </script>
151
+ `,
126
152
  previewPath: 'data/form/searchForm/preview.vue',
127
153
  package: 'data',
128
154
  category: 'form',
@@ -1,6 +1,8 @@
1
1
  <template>
2
2
  <div style="padding: 16px;">
3
- <FormaxForm @register="register" @submit="handleSubmit" @reset="handleReset" :showAdvancedButton="true" />
3
+ <FormaxForm @register="register" @submit="handleSubmit" @reset="handleReset" :showAdvancedButton="true">
4
+ <template #otherSlot>11111</template>
5
+ </FormaxForm>
4
6
  </div>
5
7
  </template>
6
8
 
@@ -69,13 +69,13 @@
69
69
  <template #icon>
70
70
  <FormaxIcon icon="search" size="16" class="unfold-icon" color="#fff" />
71
71
  </template>
72
- {{ $at('查询') }}</n-button>
72
+ {{ submitButtonText || $at('查询') }}</n-button>
73
73
  <n-button icon-placement="right" v-if="getProps.showResetButton" v-bind="getResetBtnOptions"
74
74
  @click="resetFields">
75
75
  <template #icon>
76
76
  <FormaxIcon icon="refresh" size="16" />
77
77
 
78
- </template>{{ $at('重置') }}</n-button>
78
+ </template>{{ resetButtonText || $at('重置') }}</n-button>
79
79
 
80
80
  <slot name="otherSlot" class="w-full"></slot>
81
81
  <n-button type="primary" text icon-placement="right"
@@ -18,11 +18,6 @@ const meta: ComponentMeta = {
18
18
  default: '',
19
19
  description: '表格标题',
20
20
  },
21
- titleTooltip: {
22
- type: 'string',
23
- default: '',
24
- description: '标题右侧提示文案',
25
- },
26
21
  dataSource: {
27
22
  type: 'array | function',
28
23
  default: [],
@@ -38,7 +38,7 @@ const meta: ComponentMeta = {
38
38
  <!-- size 带单位(如 em)会透传给 IconPark 的 size -->
39
39
  <FormaxIcon icon="Home" size="1.5em" />
40
40
 
41
- <FormaxIcon :local-icon="test" :size="28" />
41
+ <FormaxIcon :localIcon="test" :size="28" color="#f00" />
42
42
  </div>
43
43
  </template>
44
44
 
@@ -185,12 +185,11 @@ const renderLocalIcon = computed(() => props.localIcon || !props.icon);
185
185
  <style scoped>
186
186
  svg {
187
187
  color: currentColor;
188
+ display: inline-block;
188
189
  }
189
190
 
190
-
191
191
  :deep(svg) {
192
- width: 100%;
193
- height: 100%;
194
- display: block;
192
+ /* 不强制填满父容器,尊重 size/width/height 设置 */
193
+ display: inline-block;
195
194
  }
196
195
  </style>
@@ -1,31 +1,32 @@
1
1
  <template>
2
2
  <n-popover placement="bottom-end" trigger="click" width="trigger">
3
3
  <template #trigger>
4
- <n-input v-model:value="modelValue" clearable readonly placeholder="点击选择图标">
4
+ <n-input v-model:value="modelValue" clearable readonly :placeholder="$at('点击选择图标')">
5
5
  <template #suffix>
6
- <FormaxIcon :icon="selectedIcon" class="text-40px p-5px" style="line-height:38px" :key="iconKey"/>
6
+ <FormaxIcon :icon="selectedIcon" class="p-5px" style="line-height:38px" :key="iconKey"/>
7
7
  </template>
8
8
  </n-input>
9
9
  </template>
10
10
  <template #header>
11
- <n-input v-model:value="searchValue" placeholder="搜索图标"></n-input>
11
+ <n-input v-model:value="searchValue" :placeholder="$at('搜索图标')"></n-input>
12
12
  </template>
13
13
  <div v-if="iconsList.length > 0" class="grid grid-cols-9 h-auto overflow-auto">
14
14
  <span v-for="iconItem in iconsList" :key="iconItem" @click="handleChange(iconItem)">
15
15
  <FormaxIcon
16
16
  :icon="iconItem"
17
- class="border-1px border-#d9d9d9 text-50px m-5px p-5px cursor-pointer"
17
+ class="border-1px border-#d9d9d9 m-5px p-5px cursor-pointer"
18
18
  :class="{ 'border-primary': modelValue === iconItem }"
19
19
  />
20
20
  </span>
21
21
  </div>
22
- <n-empty v-else class="w-306px" description="你什么也找不到" />
22
+ <n-empty v-else class="w-306px" :description="$at('你什么也找不到')" />
23
23
  </n-popover>
24
24
  </template>
25
25
 
26
26
  <script lang="ts" setup name="IconSelect">
27
27
  import { computed, ref, defineAsyncComponent } from 'vue';
28
28
  import { icons } from './icons';
29
+ import { $at } from "i18n-auto-extractor";
29
30
 
30
31
  // 引入组件
31
32
  const FormaxIcon = defineAsyncComponent(() => import('@/components/general/icon/FormaxIcon/index.vue'));
@@ -132,8 +132,7 @@ function handleClose() {
132
132
  console.log('弹窗关闭')
133
133
  visible.value = false
134
134
  }
135
- </script>
136
- `,
135
+ </script>`,
137
136
  previewPath: 'general/map/MapPoint/preview.vue',
138
137
  package: 'general',
139
138
  category: 'map',
@@ -13,14 +13,14 @@ const meta: ComponentMeta = {
13
13
  description:
14
14
  '基于 Naive UI 封装的基础弹窗组件,支持拖拽、动态配置、插槽等能力。',
15
15
  props: {
16
- subBtuText: {
16
+ subBtnText: {
17
17
  type: 'string',
18
18
  default: '确认',
19
19
  description: '确认按钮文字',
20
20
  },
21
21
 
22
22
  width: {
23
- type: 'number | string',
23
+ type: 'number',
24
24
  default: 446,
25
25
  description: '弹窗宽度',
26
26
  },
@@ -37,6 +37,7 @@ const meta: ComponentMeta = {
37
37
  preset: {
38
38
  type: 'string',
39
39
  default: 'card',
40
+ options: ['card', 'dialog'],
40
41
  description: '预设样式',
41
42
  },
42
43
  },
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div style="padding: 16px;">
3
3
  <n-button type="primary" @click="openModal">打开弹窗</n-button>
4
- <FormaxModalComponent title="示例弹窗" @register="register" @on-ok="handleOk">
4
+ <FormaxModalComponent title="示例弹窗222" @register="register" @on-ok="handleOk">
5
5
  <div>这是 FormaxModal 的预览内容</div>
6
6
  </FormaxModalComponent>
7
7
  </div>
@@ -12,7 +12,7 @@
12
12
  <n-space class="justify-end">
13
13
  <n-button @click="closeModal">{{ $at('返回') }} </n-button>
14
14
  <n-button text-color="#fff" type="primary" :loading="subLoading" @click="handleSubmit">{{
15
- subBtuText == $at('确认') ? $at('确认') : subBtuText
15
+ subBtnText == $at('确认') ? $at('确认') : subBtnText
16
16
  }}</n-button>
17
17
  </n-space>
18
18
  </template>
@@ -50,10 +50,10 @@ const getProps = computed((): FormProps => {
50
50
  return { ...props, ...(unref(propsRef) as any) };
51
51
  });
52
52
 
53
- const subBtuText = computed(() => {
53
+ const subBtnText = computed(() => {
54
54
  const refVal = propsRef.value as any
55
- const overrideText = refVal && refVal.subBtuText
56
- const propText = props.subBtuText as any
55
+ const overrideText = refVal && refVal.subBtnText
56
+ const propText = props.subBtnText as any
57
57
  if (overrideText && overrideText !== '确认') {
58
58
  return overrideText
59
59
  }
@@ -3,7 +3,7 @@ import { NModal } from 'naive-ui'
3
3
  export const basicProps = {
4
4
  ...NModal.props,
5
5
  // 确认按钮文字
6
- subBtuText: {
6
+ subBtnText: {
7
7
  type: String,
8
8
  default: '确认',
9
9
  },
@@ -41,8 +41,44 @@ const meta: ComponentMeta = {
41
41
  ],
42
42
  slots: [],
43
43
  usage: `<template>
44
- <FormaxFileViewer src="https://example.com/file.docx" />
45
- </template>`,
44
+ <div style="padding: 16px;">
45
+ <n-space vertical>
46
+ <n-radio-group v-model:value="currentType" name="fileType">
47
+ <n-radio-button value="docx">DOCX</n-radio-button>
48
+ <n-radio-button value="xlsx">XLSX</n-radio-button>
49
+ <n-radio-button value="xls">XLS</n-radio-button>
50
+ <n-radio-button value="pdf">PDF</n-radio-button>
51
+ </n-radio-group>
52
+
53
+ <FormaxFileViewer :src="currentSrc" :type="currentType" height="500px" @rendered="onRendered" @error="onError" />
54
+ </n-space>
55
+ </div>
56
+ </template>
57
+
58
+ <script setup lang="ts">
59
+ import { ref, computed } from 'vue'
60
+ import { FormaxFileViewerComponent as FormaxFileViewer } from './index'
61
+
62
+ const currentType = ref('xls')
63
+
64
+ // 这里使用一些公开的测试文件或者 data URI,如果无法访问可能会报错
65
+ const sources = {
66
+ docx: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.docx',
67
+ xlsx: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.xlsx',
68
+ xls: 'https://ecloud.hoenergypower.cn/filestore/group/mesFile/20241025111931-%E4%B8%8A%E6%B5%B7%E5%B7%A5%E4%BD%8D6-JY029247P128.xls',
69
+ pdf: 'https://501351981.github.io/vue-office/examples/dist/static/test-files222/test.pdf'
70
+ }
71
+
72
+ const currentSrc = computed(() => sources[currentType.value as keyof typeof sources])
73
+
74
+ function onRendered() {
75
+ console.log('File rendered successfully')
76
+ }
77
+
78
+ function onError(err: any) {
79
+ console.error('查看错误:', err)
80
+ }
81
+ </script>`,
46
82
  previewPath: 'general/viewer/FormaxFileViewer/preview.vue',
47
83
  package: 'general',
48
84
  category: 'viewer',
@@ -24,7 +24,7 @@ const sources = {
24
24
  docx: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.docx',
25
25
  xlsx: 'https://501351981.github.io/vue-office/examples/dist/static/test-files/test.xlsx',
26
26
  xls: 'https://ecloud.hoenergypower.cn/filestore/group/mesFile/20241025111931-%E4%B8%8A%E6%B5%B7%E5%B7%A5%E4%BD%8D6-JY029247P128.xls',
27
- pdf: 'https://501351981.github.io/vue-office/examples/dist/static/test-files222/test.pdf'
27
+ pdf: 'https://501351981.github.io/vue-office/examples/dist/static/test-files111/test.pdf'
28
28
  }
29
29
 
30
30
  const currentSrc = computed(() => sources[currentType.value as keyof typeof sources])