@king-one/form-design 0.0.18 → 0.0.20

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.
Files changed (54) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/es/src/components/form-desgin.mjs +8 -7
  3. package/dist/es/src/components/form-material.vue.mjs +53 -51
  4. package/dist/es/src/components/form-panel.vue.mjs +69 -70
  5. package/dist/es/src/components/panel/index.mjs +12 -9
  6. package/dist/es/src/components/panel/panel-item.vue.mjs +28 -28
  7. package/dist/es/src/components/panel/panel-wrapper.mjs +25 -15
  8. package/dist/es/src/components/panel/widget/array-card.vue2.mjs +39 -26
  9. package/dist/es/src/components/panel/widget/array-table.vue.mjs +4 -0
  10. package/dist/es/src/components/panel/widget/array-table.vue2.mjs +105 -0
  11. package/dist/es/src/components/panel/widget/date-range.vue2.mjs +10 -10
  12. package/dist/es/src/components/panel/widget/object.vue2.mjs +40 -29
  13. package/dist/es/src/components/props/form-config.vue.mjs +7 -8
  14. package/dist/es/src/config/index.mjs +90 -21
  15. package/dist/es/src/core/Design.mjs +15 -12
  16. package/dist/es/src/core/FormSchema.mjs +1 -1
  17. package/dist/es/src/internal.mjs +5 -4
  18. package/dist/es/src/plugins/index.mjs +23 -11
  19. package/dist/es/src/plugins/modules/drag-add.mjs +23 -0
  20. package/dist/lib/src/components/form-desgin.js +1 -1
  21. package/dist/lib/src/components/form-material.vue.js +1 -1
  22. package/dist/lib/src/components/form-panel.vue.js +2 -2
  23. package/dist/lib/src/components/panel/index.js +1 -1
  24. package/dist/lib/src/components/panel/panel-item.vue.js +1 -1
  25. package/dist/lib/src/components/panel/panel-wrapper.js +1 -1
  26. package/dist/lib/src/components/panel/widget/array-card.vue2.js +1 -1
  27. package/dist/lib/src/components/panel/widget/array-table.vue.js +1 -0
  28. package/dist/lib/src/components/panel/widget/array-table.vue2.js +1 -0
  29. package/dist/lib/src/components/panel/widget/date-range.vue2.js +1 -1
  30. package/dist/lib/src/components/panel/widget/object.vue2.js +1 -1
  31. package/dist/lib/src/components/props/form-config.vue.js +1 -1
  32. package/dist/lib/src/config/index.js +1 -1
  33. package/dist/lib/src/core/Design.js +1 -1
  34. package/dist/lib/src/core/FormSchema.js +1 -1
  35. package/dist/lib/src/internal.js +1 -1
  36. package/dist/lib/src/plugins/index.js +1 -1
  37. package/dist/lib/src/plugins/modules/drag-add.js +1 -0
  38. package/dist/theme-chalk/array-table.css +1 -0
  39. package/dist/theme-chalk/icon.css +1 -1
  40. package/dist/theme-chalk/index.css +1 -1
  41. package/dist/theme-chalk/panel-item.css +1 -1
  42. package/dist/theme-chalk/panel.css +1 -1
  43. package/dist/types/src/components/base/Carousel.vue.d.ts +1 -1
  44. package/dist/types/src/components/panel/panel-item.vue.d.ts +2 -0
  45. package/dist/types/src/components/panel/panel-wrapper.d.ts +11 -1
  46. package/dist/types/src/components/panel/widget/array-table.vue.d.ts +20 -0
  47. package/dist/types/src/core/Design.d.ts +3 -2
  48. package/dist/types/src/internal.d.ts +1 -0
  49. package/dist/types/src/plugins/index.d.ts +3 -2
  50. package/dist/types/src/plugins/modules/{drag-put.d.ts → drag-add.d.ts} +2 -1
  51. package/dist/types/src/types.d.ts +3 -3
  52. package/package.json +1 -1
  53. package/dist/es/src/plugins/modules/drag-put.mjs +0 -14
  54. package/dist/lib/src/plugins/modules/drag-put.js +0 -1
@@ -1 +1 @@
1
- @charset "UTF-8";:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-primary-light-3:#79bbff;--king-color-primary-light-5:#a0cfff;--king-color-primary-light-7:#c6e2ff;--king-color-primary-light-8:#d9ecff;--king-color-primary-light-9:#ecf5ff;--king-color-success:#67c23a;--king-color-success-light-3:#95d475;--king-color-success-light-5:#b3e19d;--king-color-success-light-7:#d1edc4;--king-color-success-light-8:#e1f3d8;--king-color-success-light-9:#f0f9eb;--king-color-warning:#e6a23c;--king-color-warning-light-3:#eebe77;--king-color-warning-light-5:#f3d19e;--king-color-warning-light-7:#f8e3c5;--king-color-warning-light-8:#faecd8;--king-color-warning-light-9:#fdf6ec;--king-color-danger:#f56c6c;--king-color-danger-light-3:#f89898;--king-color-danger-light-5:#fab6b6;--king-color-danger-light-7:#fcd3d3;--king-color-danger-light-8:#fde2e2;--king-color-danger-light-9:#fef0f0;--king-color-error:#f56c6c;--king-color-error-light-3:#f89898;--king-color-error-light-5:#fab6b6;--king-color-error-light-7:#fcd3d3;--king-color-error-light-8:#fde2e2;--king-color-error-light-9:#fef0f0;--king-color-info:#909399;--king-color-info-light-3:#b1b3b8;--king-color-info-light-5:#c8c9cc;--king-color-info-light-7:#dedfe0;--king-color-info-light-8:#e9e9eb;--king-color-info-light-9:#f4f4f5;--king-transition-duration:0.3s}.k-design-main{width:100%;height:100%;display:flex;background:#f8f8f8;overflow:hidden;overflow-x:auto;font-size:13px;text-align:initial}.k-design-main,.k-design-main *{box-sizing:border-box}.k-design-material{flex:0 0 320px;height:100%;border:1px solid var(--king-color-info-light-7)}.k-design-material .k-design-toolbar{height:50px;display:flex;justify-content:center;align-items:center}.k-design-material .k-design-toolbar .toolbar-button{width:120px;text-align:center}.k-design-material .k-design-widget{padding:0 10px}.k-design-material .k-design-widget .widget-group-name{color:var(--king-color-info);font-size:14px;margin:10px 0}.k-design-material .k-design-widget .widget-list-drag{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;row-gap:10px}.k-design-material .k-design-widget .widget-col{padding-left:5px;padding-right:5px;width:50%}.k-design-material .k-design-widget .widget-col .widget-item{display:flex;align-items:center;padding:8px 10px;background:#fff;border:1px solid var(--king-color-info-light-8);border-radius:5px;cursor:pointer;font-size:13px}.k-design-material .k-design-widget .widget-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-design-material .k-design-widget .widget-item-icon{margin-right:5px}.k-design-material .k-design-temp .template-list-drag{padding:0 10px;padding-top:15px;display:flex;-moz-column-gap:5px;column-gap:5px;row-gap:10px}.k-design-material .k-design-temp .template-list-drag .template-item{padding:8px 10px;cursor:pointer;flex:1;display:flex;background:#fff;border:1px solid var(--king-color-info-light-8);border-radius:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-icon{margin-right:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-name{font-size:13px}.k-design-material .k-design-temp .template-list-drag .template-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-design-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-design-setting .setting-aside{height:100%;width:320px}.k-design-setting .setting-aside .setting-empty{margin-top:50px}.k-design-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer;border-left:none}.form-design-collapse-enter-active,.form-design-collapse-leave-active{transition:var(--form-design-collapse-duration) max-width linear,var(--form-design-collapse-duration) padding-left linear,var(--form-design-collapse-duration) padding-right linear}:root{--form-design-collapse-duration:0.3s}.k-design-panel{flex:1;min-width:800px;border-top:1px solid var(--king-color-info-light-7);border-bottom:1px solid var(--king-color-info-light-7);display:flex;flex-direction:column}.k-design-panel .k-design-panel__toolbar{min-height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-design-panel .k-design-panel__toolbar .k-design-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-design-panel .k-design-panel__toolbar .right{padding-right:25px;display:flex;align-items:center}.k-design-panel .k-design-panel__content{flex:1;overflow:hidden;position:relative}.k-design-panel .k-design-panel__content .design-from{height:100%}.k-design-panel .k-design-panel__content .content-panel{height:100%;overflow:auto}.k-design-panel .k-design-panel__content .content-panel .prompt{margin:0 auto;width:65%;max-width:400px;padding:35px 20px;border-radius:10px;border:1px dashed rgba(25,31,37,.12);margin-top:50px;text-align:center;font-size:14px;color:#7a7a7a}.k-design-panel .k-design-panel__content .content-editor{height:100%;overflow:hidden}.k-design-panel .k-design-panel__content .drag-from{min-height:100%;padding-bottom:20px}.k-design-panel .k-design-panel__content .drag-from .widget-col{background-color:#fff}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item{display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item .widget-item-icon{margin-right:5px}.k-design-panel .k-design-panel__content .drag-from .template-item{background-color:#fff;display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .template-item .template-item-icon{margin-right:5px}@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=91827) format("woff2"),url(fonts/iconfont.woff?t=55301) format("woff"),url(fonts/iconfont.ttf?t=28474) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}.k-design-panel-item{cursor:move;border:1px dashed transparent;padding:10px;background-color:#fff;margin-bottom:10px;position:relative}.k-design-panel-item .k-design-panel-item__form{margin-bottom:0;cursor:move}.k-design-panel-item .k-design-panel-item__form *{cursor:move}.k-design-panel-item .k-design-panel-item__error{color:var(--king-color-error)}.k-design-panel-item .icons{position:absolute;right:0;bottom:0;background-color:#fff;border:1px solid var(--king-color-primary);border-bottom:0;border-right:0;padding:0 7px;cursor:pointer;border-top-left-radius:10px}.k-design-panel-item .icons .panel-icon{color:var(--king-color-primary);cursor:pointer}.k-design-panel-item .icons .panel-icon{margin-right:5px}.k-design-panel-item .icons .panel-exclamation-icon{color:var(--king-color-error)}.k-design-panel-item--active{border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--error{border-color:var(--king-color-error)}.k-design-panel-item--error .icons{border-color:var(--king-color-error)}.k-design-panel-drag{min-height:60px;background-color:#f5f6f6;padding:10px 5px}.k-design-json-preview{border-radius:8px;background:#fff;height:100%;overflow:auto}.k-design-json-preview .code-container{position:relative;margin:8px;overflow:auto}.k-design-json-preview .hljs-ln{width:100%;border-collapse:collapse}.k-design-json-preview .hljs-ln td{vertical-align:top}.k-design-json-preview .hljs-ln td.hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;color:#237893;border-right:1px solid #e5e7eb;padding:0 10px;width:1%}.k-design-json-preview .hljs-ln td.hljs-ln-code{padding:0 0 0 8px;display:flex;gap:6px;align-items:baseline;white-space:pre}.k-design-json-preview .indent-guides{display:inline-flex;pointer-events:none}.k-design-json-preview .indent-guide{display:inline-block;width:calc(var(--indent-char,1ch) * var(--indent-size));border-left:1px solid #e5e7eb;opacity:.6}.k-design-json-preview .hljs-ln .line-content{display:inline-block}.k-design-json-preview .hljs-ln .hljs-ln-n::before{content:attr(data-line-number)}.k-design-json-preview .fold-toggle{display:inline-block;width:1em;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.k-design-json-preview .fold-toggle:hover{color:#374151}.k-design-json-preview pre.hljs{margin:0;padding:12px 0}.k-design-json-preview .fold-gutter{display:inline-block;width:8px;flex:0 0 8px}.k-design-json-preview .hljs-ln .line-content{position:relative;display:inline-block}.k-design-json-preview .indent-guides{position:absolute;left:0;top:0;bottom:0;pointer-events:none;display:block}.k-design-json-preview .indent-guide{position:absolute;left:var(--guide-left);top:0;bottom:0;border-left:1px solid #e5e7eb;opacity:.4}.k-design-json-preview .fold-ellipsis{color:#9ca3af;font-style:italic}.k-design-json-preview .hljs-ln .hljs-ln-line.selected td{background-color:var(--selected-line-bg,rgba(99,102,241,.14))}.k-design-json-preview .indent-guide.active-guide{left:calc(var(--guide-left) + var(--indent-char,1ch) * var(--indent-size));border-left-color:#c1c0c0!important;opacity:1!important}:root{--hljs-background:#ffffff;--hljs-fg:#ffffff;--hljs-key:#a31515;--hljs-string:#0451a5;--hljs-number:#059669;--hljs-literal:#b45309;--hljs-punctuation:#000000}.hljs{background:var(--hljs-background);color:var(--hljs-fg)}.hljs-attr{color:var(--hljs-key)}.hljs-string{color:var(--hljs-string)}.hljs-number{color:var(--hljs-number)}.hljs-literal{color:var(--hljs-literal)}.hljs-operator,.hljs-punctuation{color:var(--hljs-punctuation)}.hljs-symbol{color:var(--hljs-literal)}.hljs-quote{color:var(--hljs-string)}.hljs-title{color:var(--hljs-key)}.k-design-carousel{width:100%;height:100%;overflow:hidden;position:relative}.k-design-carousel .carousel-track{display:flex;width:100%;height:100%}.k-design-carousel .carousel-track>*{flex:0 0 100%;width:100%;height:100%}.k-design-kit-panel{background-color:#f5f6f6;padding:10px 5px}.k-design-kit-panel .kit-item{margin-bottom:10px;background-color:#fff;padding:10px}.k-design-kit-panel .kit-item:last-child{margin-bottom:0}
1
+ @charset "UTF-8";:root{--king-color-white:#ffffff;--king-color-primary:#409eff;--king-color-primary-light-3:#79bbff;--king-color-primary-light-5:#a0cfff;--king-color-primary-light-7:#c6e2ff;--king-color-primary-light-8:#d9ecff;--king-color-primary-light-9:#ecf5ff;--king-color-success:#67c23a;--king-color-success-light-3:#95d475;--king-color-success-light-5:#b3e19d;--king-color-success-light-7:#d1edc4;--king-color-success-light-8:#e1f3d8;--king-color-success-light-9:#f0f9eb;--king-color-warning:#e6a23c;--king-color-warning-light-3:#eebe77;--king-color-warning-light-5:#f3d19e;--king-color-warning-light-7:#f8e3c5;--king-color-warning-light-8:#faecd8;--king-color-warning-light-9:#fdf6ec;--king-color-danger:#f56c6c;--king-color-danger-light-3:#f89898;--king-color-danger-light-5:#fab6b6;--king-color-danger-light-7:#fcd3d3;--king-color-danger-light-8:#fde2e2;--king-color-danger-light-9:#fef0f0;--king-color-error:#f56c6c;--king-color-error-light-3:#f89898;--king-color-error-light-5:#fab6b6;--king-color-error-light-7:#fcd3d3;--king-color-error-light-8:#fde2e2;--king-color-error-light-9:#fef0f0;--king-color-info:#909399;--king-color-info-light-3:#b1b3b8;--king-color-info-light-5:#c8c9cc;--king-color-info-light-7:#dedfe0;--king-color-info-light-8:#e9e9eb;--king-color-info-light-9:#f4f4f5;--king-transition-duration:0.3s}.k-design-main{width:100%;height:100%;display:flex;background:#f8f8f8;overflow:hidden;overflow-x:auto;font-size:13px;text-align:initial}.k-design-main,.k-design-main *{box-sizing:border-box}.k-design-array-table .array-table-box{display:flex;background-color:#f5f6f6;border:1px dashed #cbcdd3;padding:10px;overflow:hidden;min-height:120px}.k-design-array-table .array-table-box .array-table-left{height:auto;display:flex;flex-direction:column;border:1px solid #cbcdd3}.k-design-array-table .array-table-box .array-table-drag{border:1px solid #cbcdd3;border-left:none;display:flex;justify-content:flex-start;flex:1;overflow:hidden}.k-design-array-table .array-table-box .array-table-drag .widget-drag{width:100%;display:flex;justify-self:start;overflow-x:auto;overflow-y:hidden}.k-design-array-table .array-table-box .array-table-drag .widget-drag .form-item{display:flex;flex-direction:column;height:100%;border-right:1px solid #cbcdd3;min-width:160px}.k-design-array-table .array-table-box .array-table-drag .widget-drag .table-item{height:100%;display:flex;flex-direction:column}.k-design-array-table .array-table-box .array-table-drag-header{min-height:36px;display:flex;align-items:center;justify-content:center;min-width:70px;border-bottom:1px solid #cbcdd3}.k-design-array-table .array-table-box .array-table-drag-content{flex:1;flex-direction:column;align-items:center;justify-content:center}.k-design-array-table .array-table-box .table-item-drag-class{border:1px solid #cbcdd3!important}.k-design-array-table .array-table-box .sortable-ghost{border-left:3px solid var(--king-color-primary);width:0;height:100%!important;overflow:hidden;min-width:0!important}.k-design-array-table .array-table-box .sortable-ghost *{display:none}.k-design-material{flex:0 0 320px;height:100%;border:1px solid var(--king-color-info-light-7)}.k-design-material .k-design-toolbar{height:50px;display:flex;justify-content:center;align-items:center}.k-design-material .k-design-toolbar .toolbar-button{width:120px;text-align:center}.k-design-material .k-design-widget{padding:0 10px}.k-design-material .k-design-widget .widget-group-name{color:var(--king-color-info);font-size:14px;margin:10px 0}.k-design-material .k-design-widget .widget-list-drag{display:flex;flex-flow:row wrap;margin-left:-5px;margin-right:-5px;row-gap:10px}.k-design-material .k-design-widget .widget-col{padding-left:5px;padding-right:5px;width:50%}.k-design-material .k-design-widget .widget-col .widget-item{display:flex;align-items:center;padding:8px 10px;background:#fff;border:1px solid var(--king-color-info-light-8);border-radius:5px;cursor:pointer;font-size:13px}.k-design-material .k-design-widget .widget-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-design-material .k-design-widget .widget-item-icon{margin-right:5px}.k-design-material .k-design-temp .template-list-drag{padding:0 10px;padding-top:15px;display:flex;-moz-column-gap:5px;column-gap:5px;row-gap:10px}.k-design-material .k-design-temp .template-list-drag .template-item{padding:8px 10px;cursor:pointer;flex:1;display:flex;background:#fff;border:1px solid var(--king-color-info-light-8);border-radius:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-icon{margin-right:5px}.k-design-material .k-design-temp .template-list-drag .template-item .template-item-name{font-size:13px}.k-design-material .k-design-temp .template-list-drag .template-item:hover{color:var(--king-color-primary);border-color:var(--king-color-primary-light-3)}.k-design-setting{flex:0;height:100%;border:1px solid var(--king-color-info-light-7);position:relative;background:#fff}.k-design-setting .setting-aside{height:100%;width:320px}.k-design-setting .setting-aside .setting-empty{margin-top:50px}.k-design-setting .setting-collapse{position:absolute;left:-25px;top:8px;cursor:pointer;border-left:none}.form-design-collapse-enter-active,.form-design-collapse-leave-active{transition:var(--form-design-collapse-duration) max-width linear,var(--form-design-collapse-duration) padding-left linear,var(--form-design-collapse-duration) padding-right linear}:root{--form-design-collapse-duration:0.3s}.k-design-panel{flex:1;min-width:800px;border-top:1px solid var(--king-color-info-light-7);border-bottom:1px solid var(--king-color-info-light-7);display:flex;flex-direction:column}.k-design-panel .k-design-panel__toolbar{min-height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-design-panel .k-design-panel__toolbar .k-design-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-design-panel .k-design-panel__toolbar .right{padding-right:25px;display:flex;align-items:center}.k-design-panel .k-design-panel__content{flex:1;overflow:hidden;position:relative}.k-design-panel .k-design-panel__content .design-from{height:100%}.k-design-panel .k-design-panel__content .content-panel{height:100%;overflow:auto}.k-design-panel .k-design-panel__content .content-panel .prompt{margin:0 auto;width:65%;max-width:400px;padding:35px 20px;border-radius:10px;border:1px dashed rgba(25,31,37,.12);margin-top:50px;text-align:center;font-size:14px;color:#7a7a7a}.k-design-panel .k-design-panel__content .content-editor{height:100%;overflow:hidden}.k-design-panel .k-design-panel__content .drag-from{min-height:100%;padding-bottom:20px}.k-design-panel .k-design-panel__content .sortable-ghost{border-top:3px solid var(--king-color-primary);height:0;overflow:hidden}@font-face{font-family:iconfont-design;src:url(fonts/iconfont.woff2?t=28632) format("woff2"),url(fonts/iconfont.woff?t=68231) format("woff"),url(fonts/iconfont.ttf?t=84016) format("truetype")}.k-design-icon{font-family:iconfont-design!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-from-design-exclamation-circle-filled:before{content:"\e670"}.icon-from-design-exclamation-circle:before{content:"\e660"}.icon-from-design-form-object:before{content:"\e666"}.icon-from-design-form-list:before{content:"\e667"}.icon-from-design-form-table:before{content:"\e66f"}.icon-from-design-copy:before{content:"\e65d"}.icon-from-design-form-radio:before{content:"\e698"}.icon-from-design-form-daterange:before{content:"\e699"}.icon-from-design-form-money:before{content:"\e69a"}.icon-from-design-form-kit-leave:before{content:"\e69b"}.icon-from-design-form-kit-reimbursement:before{content:"\e69c"}.icon-from-design-form-kit-out:before{content:"\e69d"}.icon-from-design-form-kit-replenish:before{content:"\e69e"}.icon-from-design-form-kit-overtime:before{content:"\e69f"}.icon-from-design-form-number:before{content:"\e6a0"}.icon-from-design-form-textarea:before{content:"\e6a1"}.icon-from-design-form-select:before{content:"\e6a2"}.icon-from-design-form-kit-transfer:before{content:"\e6a3"}.icon-from-design-form-right:before{content:"\e6a4"}.icon-from-design-form-checkbox:before{content:"\e687"}.icon-from-design-form-area:before{content:"\e688"}.icon-from-design-form-del:before{content:"\e689"}.icon-from-design-form-contact-person:before{content:"\e68a"}.icon-from-design-form-default:before{content:"\e68b"}.icon-from-design-form-date:before{content:"\e68c"}.icon-from-design-form-drag:before{content:"\e68d"}.icon-from-design-form-desctext:before{content:"\e68e"}.icon-from-design-form-fileupload:before{content:"\e68f"}.icon-from-design-form-input:before{content:"\e690"}.icon-from-design-form-grid:before{content:"\e691"}.icon-from-design-form-imgupload:before{content:"\e692"}.icon-from-design-form-hot-city:before{content:"\e693"}.icon-from-design-form-kit-leave-2:before{content:"\e694"}.icon-from-design-form-inputNumber:before{content:"\e695"}.icon-from-design-form-kit-business-trip:before{content:"\e696"}.icon-from-design-shouzhixiangyou:before{content:"\e615"}.icon-from-design-xiangzuohuangse:before{content:"\e60a"}.icon-from-design-code:before{content:"\e65a"}.icon-from-design-desktop:before{content:"\e65b"}.icon-from-design-delete1:before{content:"\e65c"}.icon-from-design-double-left:before{content:"\e65e"}.icon-from-design-double-right:before{content:"\e65f"}.icon-from-design-mobile:before{content:"\e668"}.icon-from-design-question-circle:before{content:"\e66c"}.icon-from-design-sound:before{content:"\e672"}.k-design-panel-item{cursor:move;border:1px dashed transparent;padding:10px;background-color:#fff;margin-bottom:10px;position:relative}.k-design-panel-item .k-design-panel-item__form{margin-bottom:0;cursor:move}.k-design-panel-item .k-design-panel-item__form *{cursor:move}.k-design-panel-item .k-design-panel-item__error{color:var(--king-color-error)}.k-design-panel-item .icons{position:absolute;right:0;bottom:0;background-color:#fff;border:1px solid var(--king-color-primary);border-bottom:0;border-right:0;padding:0 7px;cursor:pointer;border-top-left-radius:10px}.k-design-panel-item .icons .panel-icon{color:var(--king-color-primary);cursor:pointer}.k-design-panel-item .icons .panel-icon{margin-right:5px}.k-design-panel-item .icons .panel-exclamation-icon{color:var(--king-color-error)}.k-design-panel-item:hover{border:1px dashed var(--king-color-primary)}.k-design-panel-item--active{border:1px dashed var(--king-color-primary);border-left:none}.k-design-panel-item--active:before{content:"";position:absolute;top:0;left:0;height:100%;border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--active:hover{border-left:none}.k-design-panel-item--error{border-color:var(--king-color-error)}.k-design-panel-item--error .icons{border-color:var(--king-color-error)}.k-design-panel-drag{min-height:60px;background-color:#f5f6f6;padding:10px 5px}.k-design-json-preview{border-radius:8px;background:#fff;height:100%;overflow:auto}.k-design-json-preview .code-container{position:relative;margin:8px;overflow:auto}.k-design-json-preview .hljs-ln{width:100%;border-collapse:collapse}.k-design-json-preview .hljs-ln td{vertical-align:top}.k-design-json-preview .hljs-ln td.hljs-ln-numbers{-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;color:#237893;border-right:1px solid #e5e7eb;padding:0 10px;width:1%}.k-design-json-preview .hljs-ln td.hljs-ln-code{padding:0 0 0 8px;display:flex;gap:6px;align-items:baseline;white-space:pre}.k-design-json-preview .indent-guides{display:inline-flex;pointer-events:none}.k-design-json-preview .indent-guide{display:inline-block;width:calc(var(--indent-char,1ch) * var(--indent-size));border-left:1px solid #e5e7eb;opacity:.6}.k-design-json-preview .hljs-ln .line-content{display:inline-block}.k-design-json-preview .hljs-ln .hljs-ln-n::before{content:attr(data-line-number)}.k-design-json-preview .fold-toggle{display:inline-block;width:1em;color:#6b7280;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.k-design-json-preview .fold-toggle:hover{color:#374151}.k-design-json-preview pre.hljs{margin:0;padding:12px 0}.k-design-json-preview .fold-gutter{display:inline-block;width:8px;flex:0 0 8px}.k-design-json-preview .hljs-ln .line-content{position:relative;display:inline-block}.k-design-json-preview .indent-guides{position:absolute;left:0;top:0;bottom:0;pointer-events:none;display:block}.k-design-json-preview .indent-guide{position:absolute;left:var(--guide-left);top:0;bottom:0;border-left:1px solid #e5e7eb;opacity:.4}.k-design-json-preview .fold-ellipsis{color:#9ca3af;font-style:italic}.k-design-json-preview .hljs-ln .hljs-ln-line.selected td{background-color:var(--selected-line-bg,rgba(99,102,241,.14))}.k-design-json-preview .indent-guide.active-guide{left:calc(var(--guide-left) + var(--indent-char,1ch) * var(--indent-size));border-left-color:#c1c0c0!important;opacity:1!important}:root{--hljs-background:#ffffff;--hljs-fg:#ffffff;--hljs-key:#a31515;--hljs-string:#0451a5;--hljs-number:#059669;--hljs-literal:#b45309;--hljs-punctuation:#000000}.hljs{background:var(--hljs-background);color:var(--hljs-fg)}.hljs-attr{color:var(--hljs-key)}.hljs-string{color:var(--hljs-string)}.hljs-number{color:var(--hljs-number)}.hljs-literal{color:var(--hljs-literal)}.hljs-operator,.hljs-punctuation{color:var(--hljs-punctuation)}.hljs-symbol{color:var(--hljs-literal)}.hljs-quote{color:var(--hljs-string)}.hljs-title{color:var(--hljs-key)}.k-design-carousel{width:100%;height:100%;overflow:hidden;position:relative}.k-design-carousel .carousel-track{display:flex;width:100%;height:100%}.k-design-carousel .carousel-track>*{flex:0 0 100%;width:100%;height:100%}.k-design-kit-panel{background-color:#f5f6f6;padding:10px 5px}.k-design-kit-panel .kit-item{margin-bottom:10px;background-color:#fff;padding:10px}.k-design-kit-panel .kit-item:last-child{margin-bottom:0}
@@ -1 +1 @@
1
- .k-design-panel-item{cursor:move;border:1px dashed transparent;padding:10px;background-color:#fff;margin-bottom:10px;position:relative}.k-design-panel-item .k-design-panel-item__form{margin-bottom:0;cursor:move}.k-design-panel-item .k-design-panel-item__form *{cursor:move}.k-design-panel-item .k-design-panel-item__error{color:var(--king-color-error)}.k-design-panel-item .icons{position:absolute;right:0;bottom:0;background-color:#fff;border:1px solid var(--king-color-primary);border-bottom:0;border-right:0;padding:0 7px;cursor:pointer;border-top-left-radius:10px}.k-design-panel-item .icons .panel-icon{color:var(--king-color-primary);cursor:pointer}.k-design-panel-item .icons .panel-icon{margin-right:5px}.k-design-panel-item .icons .panel-exclamation-icon{color:var(--king-color-error)}.k-design-panel-item--active{border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--error{border-color:var(--king-color-error)}.k-design-panel-item--error .icons{border-color:var(--king-color-error)}.k-design-panel-drag{min-height:60px;background-color:#f5f6f6;padding:10px 5px}
1
+ .k-design-panel-item{cursor:move;border:1px dashed transparent;padding:10px;background-color:#fff;margin-bottom:10px;position:relative}.k-design-panel-item .k-design-panel-item__form{margin-bottom:0;cursor:move}.k-design-panel-item .k-design-panel-item__form *{cursor:move}.k-design-panel-item .k-design-panel-item__error{color:var(--king-color-error)}.k-design-panel-item .icons{position:absolute;right:0;bottom:0;background-color:#fff;border:1px solid var(--king-color-primary);border-bottom:0;border-right:0;padding:0 7px;cursor:pointer;border-top-left-radius:10px}.k-design-panel-item .icons .panel-icon{color:var(--king-color-primary);cursor:pointer}.k-design-panel-item .icons .panel-icon{margin-right:5px}.k-design-panel-item .icons .panel-exclamation-icon{color:var(--king-color-error)}.k-design-panel-item:hover{border:1px dashed var(--king-color-primary)}.k-design-panel-item--active{border:1px dashed var(--king-color-primary);border-left:none}.k-design-panel-item--active:before{content:"";position:absolute;top:0;left:0;height:100%;border-color:var(--king-color-primary);border-left:4px solid var(--king-color-primary)}.k-design-panel-item--active:hover{border-left:none}.k-design-panel-item--error{border-color:var(--king-color-error)}.k-design-panel-item--error .icons{border-color:var(--king-color-error)}.k-design-panel-drag{min-height:60px;background-color:#f5f6f6;padding:10px 5px}
@@ -1 +1 @@
1
- .k-design-panel{flex:1;min-width:800px;border-top:1px solid var(--king-color-info-light-7);border-bottom:1px solid var(--king-color-info-light-7);display:flex;flex-direction:column}.k-design-panel .k-design-panel__toolbar{min-height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-design-panel .k-design-panel__toolbar .k-design-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-design-panel .k-design-panel__toolbar .right{padding-right:25px;display:flex;align-items:center}.k-design-panel .k-design-panel__content{flex:1;overflow:hidden;position:relative}.k-design-panel .k-design-panel__content .design-from{height:100%}.k-design-panel .k-design-panel__content .content-panel{height:100%;overflow:auto}.k-design-panel .k-design-panel__content .content-panel .prompt{margin:0 auto;width:65%;max-width:400px;padding:35px 20px;border-radius:10px;border:1px dashed rgba(25,31,37,.12);margin-top:50px;text-align:center;font-size:14px;color:#7a7a7a}.k-design-panel .k-design-panel__content .content-editor{height:100%;overflow:hidden}.k-design-panel .k-design-panel__content .drag-from{min-height:100%;padding-bottom:20px}.k-design-panel .k-design-panel__content .drag-from .widget-col{background-color:#fff}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item{display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .widget-col .widget-item .widget-item-icon{margin-right:5px}.k-design-panel .k-design-panel__content .drag-from .template-item{background-color:#fff;display:flex;padding:10px}.k-design-panel .k-design-panel__content .drag-from .template-item .template-item-icon{margin-right:5px}
1
+ .k-design-panel{flex:1;min-width:800px;border-top:1px solid var(--king-color-info-light-7);border-bottom:1px solid var(--king-color-info-light-7);display:flex;flex-direction:column}.k-design-panel .k-design-panel__toolbar{min-height:38px;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;border-bottom:1px solid var(--king-color-info-light-9)}.k-design-panel .k-design-panel__toolbar .k-design-panel__toolbar--icon{cursor:pointer;margin-right:5px}.k-design-panel .k-design-panel__toolbar .right{padding-right:25px;display:flex;align-items:center}.k-design-panel .k-design-panel__content{flex:1;overflow:hidden;position:relative}.k-design-panel .k-design-panel__content .design-from{height:100%}.k-design-panel .k-design-panel__content .content-panel{height:100%;overflow:auto}.k-design-panel .k-design-panel__content .content-panel .prompt{margin:0 auto;width:65%;max-width:400px;padding:35px 20px;border-radius:10px;border:1px dashed rgba(25,31,37,.12);margin-top:50px;text-align:center;font-size:14px;color:#7a7a7a}.k-design-panel .k-design-panel__content .content-editor{height:100%;overflow:hidden}.k-design-panel .k-design-panel__content .drag-from{min-height:100%;padding-bottom:20px}.k-design-panel .k-design-panel__content .sortable-ghost{border-top:3px solid var(--king-color-primary);height:0;overflow:hidden}
@@ -53,7 +53,7 @@ declare const __VLS_component: DefineComponent<ExtractPropTypes<{
53
53
  onAfterChange?: ((...args: any[]) => any) | undefined;
54
54
  }>, {
55
55
  modelValue: number;
56
- direction: "horizontal" | "vertical";
56
+ direction: "vertical" | "horizontal";
57
57
  isAnimating: boolean;
58
58
  }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
59
59
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -3,8 +3,10 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
3
3
  declare const _default: DefineComponent<{
4
4
  field: FieldSchema;
5
5
  space: FieldSchema[];
6
+ hideTitle?: boolean;
6
7
  }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
7
8
  field: FieldSchema;
8
9
  space: FieldSchema[];
10
+ hideTitle?: boolean;
9
11
  }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
10
12
  export default _default;
@@ -4,8 +4,18 @@ export declare function panelWarpper(Target: VueComponent): DefineComponent<Extr
4
4
  field: {
5
5
  type: PropType<FieldSchema>;
6
6
  };
7
+ hideTitle: {
8
+ type: BooleanConstructor;
9
+ default: boolean;
10
+ };
7
11
  }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
8
12
  field: {
9
13
  type: PropType<FieldSchema>;
10
14
  };
11
- }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
15
+ hideTitle: {
16
+ type: BooleanConstructor;
17
+ default: boolean;
18
+ };
19
+ }>> & Readonly<{}>, {
20
+ hideTitle: boolean;
21
+ }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
@@ -0,0 +1,20 @@
1
+ import { FieldSchema } from '@king-one/form-design/src/types';
2
+ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
3
+ declare function __VLS_template(): {
4
+ slots: any;
5
+ refs: {};
6
+ attrs: Partial<{}>;
7
+ };
8
+ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
9
+ declare const __VLS_component: DefineComponent<{
10
+ field: FieldSchema;
11
+ }, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{
12
+ field: FieldSchema;
13
+ }> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
14
+ declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
15
+ export default _default;
16
+ type __VLS_WithTemplateSlots<T, S> = T & {
17
+ new (): {
18
+ $slots: S;
19
+ };
20
+ };
@@ -1,7 +1,7 @@
1
1
  import { ComponentWidgetType, DesignParams, DesignSchema, FieldSchema, FormDesignPlugin, PropsWidgetType, TemplateSchema, valueType, DragPutType } from '@king-one/form-design/src/types';
2
2
  import { Ref, VNode } from 'vue';
3
3
  import { Field } from './Field';
4
- import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
4
+ import { SyncBailHook, UnsetAdditionalOptions, SyncHook } from '@king-one/tapable';
5
5
  export declare class FormDesign {
6
6
  schema: DesignSchema[];
7
7
  tempSchema: TemplateSchema[];
@@ -213,8 +213,9 @@ export declare class FormDesign {
213
213
  private get lifecycles();
214
214
  get hooks(): {
215
215
  beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
216
- dragPut: SyncBailHook<DragPutType, boolean, UnsetAdditionalOptions>;
216
+ syncDragAdd: SyncHook<DragPutType, void, UnsetAdditionalOptions>;
217
217
  };
218
+ get dragAddResult(): any[];
218
219
  get fields(): Ref<{
219
220
  title: string;
220
221
  key: string;
@@ -1,2 +1,3 @@
1
1
  export * from './hooks';
2
2
  export * from './context/design';
3
+ export * from './utils';
@@ -1,10 +1,11 @@
1
- import { SyncBailHook, UnsetAdditionalOptions } from '@king-one/tapable';
1
+ import { SyncBailHook, SyncHook, UnsetAdditionalOptions } from '@king-one/tapable';
2
2
  import { DragPutType, FieldSchema, FormDesignPlugin } from '../types';
3
3
  export declare class Plugin {
4
4
  readonly hooks: {
5
5
  beforeDelete: SyncBailHook<FieldSchema, boolean, UnsetAdditionalOptions>;
6
- dragPut: SyncBailHook<DragPutType, boolean, UnsetAdditionalOptions>;
6
+ syncDragAdd: SyncHook<DragPutType, void, UnsetAdditionalOptions>;
7
7
  };
8
+ dragAddResult: any[];
8
9
  constructor();
9
10
  use(plugIn: FormDesignPlugin): void;
10
11
  }
@@ -1,5 +1,6 @@
1
1
  import { FormDesignPlugin, PluginInterface } from '../../types';
2
- export declare class BaseDragPut implements FormDesignPlugin {
2
+ export declare const exclusion: string[];
3
+ export declare class BaseDragAdd implements FormDesignPlugin {
3
4
  name: string;
4
5
  install(app: PluginInterface): void;
5
6
  }
@@ -97,7 +97,7 @@ export interface FormDesignPlugin {
97
97
  }
98
98
  export type widgetPropsType = Record<string, PropsWidgetType>;
99
99
  export interface DragPutType {
100
- key: string;
101
- field: FieldSchema;
102
- region: 'form-panel' | 'form-material';
100
+ source: FieldSchema;
101
+ traget: FieldSchema[];
102
+ region: 'form-panel' | 'k-array-card' | 'k-object' | 'k-table';
103
103
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@king-one/form-design",
3
3
  "type": "module",
4
- "version": "0.0.18",
4
+ "version": "0.0.20",
5
5
  "description": "@king-one 表单设计器",
6
6
  "author": "",
7
7
  "license": "ISC",
@@ -1,14 +0,0 @@
1
- var s = Object.defineProperty;
2
- var n = (a, e, r) => e in a ? s(a, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[e] = r;
3
- var t = (a, e, r) => n(a, typeof e != "symbol" ? e + "" : e, r);
4
- class l {
5
- constructor() {
6
- t(this, "name", "baseDragPut");
7
- }
8
- install(e) {
9
- e.hooks.dragPut.tap("baseDragPut", (r) => r.region === "form-panel" ? !0 : r.region === "form-material");
10
- }
11
- }
12
- export {
13
- l as BaseDragPut
14
- };
@@ -1 +0,0 @@
1
- "use strict";var s=Object.defineProperty;var u=(t,e,r)=>e in t?s(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var a=(t,e,r)=>u(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class l{constructor(){a(this,"name","baseDragPut")}install(e){e.hooks.dragPut.tap("baseDragPut",r=>r.region==="form-panel"?!0:r.region==="form-material")}}exports.BaseDragPut=l;