@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/index.js +100 -36
- package/dist/index.mjs +999 -938
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Business/dataEntry/FormaxEleTimePicker/index.ts +10 -5
- package/src/components/Business/dataEntry/modalSearchTable/index.ts +1 -2
- package/src/components/data/form/searchForm/index.ts +36 -10
- package/src/components/data/form/searchForm/preview.vue +3 -1
- package/src/components/data/form/searchForm/src/BasicForm.vue +2 -2
- package/src/components/data/table/FormaxTable/index.ts +0 -5
- package/src/components/general/icon/FormaxIcon/index.ts +1 -1
- package/src/components/general/icon/FormaxIcon/index.vue +3 -4
- package/src/components/general/iconSelect/FormaxIconSelect/index.vue +6 -5
- package/src/components/general/map/MapPoint/index.ts +1 -2
- package/src/components/general/modal/FormaxModal/index.ts +3 -2
- package/src/components/general/modal/FormaxModal/preview.vue +1 -1
- package/src/components/general/modal/FormaxModal/src/basicModal.vue +4 -4
- package/src/components/general/modal/FormaxModal/src/props.ts +1 -1
- package/src/components/general/viewer/FormaxFileViewer/index.ts +38 -2
- package/src/components/general/viewer/FormaxFileViewer/preview.vue +1 -1
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
|
@@ -28,14 +28,19 @@ const meta: ComponentMeta = {
|
|
|
28
28
|
slots: [],
|
|
29
29
|
methods: [],
|
|
30
30
|
usage: `<template>
|
|
31
|
-
<
|
|
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
|
|
37
|
-
|
|
38
|
-
|
|
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
|
-
<
|
|
103
|
-
:
|
|
104
|
-
|
|
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
|
-
|
|
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"
|
|
@@ -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
|
|
193
|
-
|
|
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="
|
|
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
|
|
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'));
|
|
@@ -13,14 +13,14 @@ const meta: ComponentMeta = {
|
|
|
13
13
|
description:
|
|
14
14
|
'基于 Naive UI 封装的基础弹窗组件,支持拖拽、动态配置、插槽等能力。',
|
|
15
15
|
props: {
|
|
16
|
-
|
|
16
|
+
subBtnText: {
|
|
17
17
|
type: 'string',
|
|
18
18
|
default: '确认',
|
|
19
19
|
description: '确认按钮文字',
|
|
20
20
|
},
|
|
21
21
|
|
|
22
22
|
width: {
|
|
23
|
-
type: 'number
|
|
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
|
-
|
|
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
|
|
53
|
+
const subBtnText = computed(() => {
|
|
54
54
|
const refVal = propsRef.value as any
|
|
55
|
-
const overrideText = refVal && refVal.
|
|
56
|
-
const propText = props.
|
|
55
|
+
const overrideText = refVal && refVal.subBtnText
|
|
56
|
+
const propText = props.subBtnText as any
|
|
57
57
|
if (overrideText && overrideText !== '确认') {
|
|
58
58
|
return overrideText
|
|
59
59
|
}
|
|
@@ -41,8 +41,44 @@ const meta: ComponentMeta = {
|
|
|
41
41
|
],
|
|
42
42
|
slots: [],
|
|
43
43
|
usage: `<template>
|
|
44
|
-
<
|
|
45
|
-
|
|
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-
|
|
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])
|