@farris/ui-vue 1.6.5-beta.7 → 1.6.5-beta.8
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/components/accordion/index.esm.js +65 -65
- package/components/accordion/index.umd.cjs +1 -1
- package/components/avatar/index.esm.js +28 -29
- package/components/avatar/index.umd.cjs +1 -1
- package/components/button-edit/index.esm.js +521 -517
- package/components/button-edit/index.umd.cjs +1 -1
- package/components/calendar/index.esm.js +134 -134
- package/components/calendar/index.umd.cjs +1 -1
- package/components/capsule/index.esm.js +192 -192
- package/components/capsule/index.umd.cjs +1 -1
- package/components/code-editor/index.esm.js +8 -8
- package/components/code-editor/index.umd.cjs +3 -3
- package/components/collection-property-editor/index.esm.js +72 -72
- package/components/collection-property-editor/index.umd.cjs +1 -1
- package/components/color-picker/index.esm.js +291 -289
- package/components/color-picker/index.umd.cjs +1 -1
- package/components/combo-list/index.esm.js +163 -157
- package/components/combo-list/index.umd.cjs +1 -1
- package/components/combo-tree/index.esm.js +113 -112
- package/components/combo-tree/index.umd.cjs +1 -1
- package/components/common/index.esm.js +3 -1
- package/components/common/index.umd.cjs +1 -1
- package/components/component/index.esm.js +10 -10
- package/components/component/index.umd.cjs +1 -1
- package/components/condition/index.esm.js +1122 -1121
- package/components/condition/index.umd.cjs +1 -1
- package/components/content-container/index.esm.js +190 -190
- package/components/content-container/index.umd.cjs +1 -1
- package/components/data-view/index.esm.js +2693 -2693
- package/components/data-view/index.umd.cjs +1 -1
- package/components/date-picker/index.esm.js +1604 -1601
- package/components/date-picker/index.umd.cjs +1 -1
- package/components/designer-canvas/index.esm.js +1082 -1079
- package/components/designer-canvas/index.umd.cjs +1 -1
- package/components/discussion-editor/index.esm.js +973 -1040
- package/components/discussion-editor/index.umd.cjs +6 -6
- package/components/dropdown/index.esm.js +335 -330
- package/components/dropdown/index.umd.cjs +2 -2
- package/components/dynamic-form/index.esm.js +8 -8
- package/components/dynamic-form/index.umd.cjs +1 -1
- package/components/dynamic-resolver/index.esm.js +6 -6
- package/components/dynamic-resolver/index.umd.cjs +1 -1
- package/components/dynamic-view/index.esm.js +344 -344
- package/components/dynamic-view/index.umd.cjs +1 -1
- package/components/events-editor/index.esm.js +8 -8
- package/components/events-editor/index.umd.cjs +3 -3
- package/components/expression-editor/index.esm.js +1470 -1460
- package/components/expression-editor/index.umd.cjs +3 -3
- package/components/fieldset/index.esm.js +55 -55
- package/components/fieldset/index.umd.cjs +1 -1
- package/components/filter-bar/index.esm.js +853 -843
- package/components/filter-bar/index.umd.cjs +1 -1
- package/components/filter-condition-editor/index.esm.js +922 -911
- package/components/filter-condition-editor/index.umd.cjs +3 -3
- package/components/flow-canvas/index.esm.js +12 -12
- package/components/flow-canvas/index.umd.cjs +1 -1
- package/components/html-template/index.esm.js +164 -164
- package/components/html-template/index.umd.cjs +1 -1
- package/components/image-cropper/index.esm.js +198 -198
- package/components/image-cropper/index.umd.cjs +1 -1
- package/components/json-editor/index.esm.js +64 -64
- package/components/json-editor/index.umd.cjs +1 -1
- package/components/language-textbox/index.esm.js +140 -140
- package/components/language-textbox/index.umd.cjs +1 -1
- package/components/layout/index.esm.js +111 -111
- package/components/layout/index.umd.cjs +1 -1
- package/components/list-nav/index.esm.js +90 -90
- package/components/list-nav/index.umd.cjs +1 -1
- package/components/list-view/index.esm.js +104 -108
- package/components/list-view/index.umd.cjs +3 -3
- package/components/locale/index.esm.js +833 -901
- package/components/locale/index.umd.cjs +6 -6
- package/components/lookup/index.esm.js +1352 -1351
- package/components/lookup/index.umd.cjs +1 -1
- package/components/mapping-editor/index.esm.js +1311 -1307
- package/components/mapping-editor/index.umd.cjs +1 -1
- package/components/menu-lookup/index.esm.js +1059 -1127
- package/components/menu-lookup/index.umd.cjs +6 -6
- package/components/message-box/index.esm.js +7 -7
- package/components/message-box/index.umd.cjs +1 -1
- package/components/modal/index.esm.js +9 -9
- package/components/modal/index.umd.cjs +1 -1
- package/components/nav/index.esm.js +106 -106
- package/components/nav/index.umd.cjs +1 -1
- package/components/number-range/index.esm.js +326 -326
- package/components/number-range/index.umd.cjs +1 -1
- package/components/number-spinner/index.esm.js +168 -167
- package/components/number-spinner/index.umd.cjs +1 -1
- package/components/order/index.esm.js +739 -737
- package/components/order/index.umd.cjs +4 -4
- package/components/page-footer/index.esm.js +94 -94
- package/components/page-footer/index.umd.cjs +1 -1
- package/components/page-header/index.esm.js +942 -939
- package/components/page-header/index.umd.cjs +1 -1
- package/components/pagination/index.esm.js +82 -82
- package/components/pagination/index.umd.cjs +1 -1
- package/components/popover/index.esm.js +1 -1
- package/components/popover/index.umd.cjs +1 -1
- package/components/progress/index.esm.js +113 -113
- package/components/progress/index.umd.cjs +2 -2
- package/components/property-editor/index.esm.js +151 -150
- package/components/property-editor/index.umd.cjs +1 -1
- package/components/property-panel/index.esm.js +565 -565
- package/components/property-panel/index.umd.cjs +2 -2
- package/components/query-solution/index.esm.js +4142 -4190
- package/components/query-solution/index.umd.cjs +6 -6
- package/components/radio-button/index.esm.js +182 -182
- package/components/radio-button/index.umd.cjs +1 -1
- package/components/rate/index.esm.js +106 -106
- package/components/rate/index.umd.cjs +1 -1
- package/components/response-layout/index.esm.js +409 -409
- package/components/response-layout/index.umd.cjs +1 -1
- package/components/response-layout-editor/index.esm.js +1488 -1478
- package/components/response-layout-editor/index.umd.cjs +1 -1
- package/components/response-toolbar/index.esm.js +779 -776
- package/components/response-toolbar/index.umd.cjs +1 -1
- package/components/schema-selector/index.esm.js +1765 -1762
- package/components/schema-selector/index.umd.cjs +5 -5
- package/components/search-box/index.esm.js +114 -114
- package/components/search-box/index.umd.cjs +1 -1
- package/components/section/index.esm.js +1184 -1181
- package/components/section/index.umd.cjs +1 -1
- package/components/smoke-detector/index.esm.js +163 -163
- package/components/smoke-detector/index.umd.cjs +1 -1
- package/components/sort-condition-editor/index.esm.js +927 -916
- package/components/sort-condition-editor/index.umd.cjs +3 -3
- package/components/splitter/index.esm.js +3 -3
- package/components/splitter/index.umd.cjs +1 -1
- package/components/step/index.esm.js +133 -133
- package/components/step/index.umd.cjs +1 -1
- package/components/switch/index.esm.js +76 -72
- package/components/switch/index.umd.cjs +1 -1
- package/components/tabs/index.esm.js +1527 -1524
- package/components/tabs/index.umd.cjs +2 -2
- package/components/tags/index.esm.js +93 -93
- package/components/tags/index.umd.cjs +1 -1
- package/components/text/index.esm.js +138 -138
- package/components/text/index.umd.cjs +1 -1
- package/components/textarea/index.esm.js +361 -361
- package/components/textarea/index.umd.cjs +2 -2
- package/components/tooltip/index.esm.js +173 -171
- package/components/tooltip/index.umd.cjs +1 -1
- package/components/transfer/index.esm.js +130 -134
- package/components/transfer/index.umd.cjs +4 -4
- package/components/tree-grid/index.esm.js +25 -25
- package/components/tree-grid/index.umd.cjs +1 -1
- package/components/tree-view/index.esm.js +1746 -1743
- package/components/tree-view/index.umd.cjs +1 -1
- package/components/uploader/index.esm.js +170 -170
- package/components/uploader/index.umd.cjs +2 -2
- package/components/verify-detail/index.esm.js +196 -196
- package/components/verify-detail/index.umd.cjs +1 -1
- package/components/video/index.esm.js +8 -8
- package/components/video/index.umd.cjs +1 -1
- package/components/weather/index.esm.js +9 -9
- package/components/weather/index.umd.cjs +2 -2
- package/farris.all.esm.js +16987 -17002
- package/farris.all.umd.cjs +27 -27
- package/package.json +1 -1
- package/types/lookup/src/composition/use-dialog.d.ts +2 -0
- package/types/lookup/src/composition/use-input-change.d.ts +1 -0
- package/components/time-picker/index.css +0 -1
- package/components/time-picker/index.esm.js +0 -9793
- package/components/time-picker/index.umd.cjs +0 -1
- package/components/time-picker/package.json +0 -8
- package/components/time-picker/style.js +0 -6
- package/designer/button-edit/index.css +0 -1
- package/designer/button-edit/index.esm.js +0 -4856
- package/designer/button-edit/index.umd.cjs +0 -1
- package/designer/checkbox/index.esm.js +0 -250
- package/designer/checkbox/index.umd.cjs +0 -1
- package/designer/checkbox-group/index.esm.js +0 -377
- package/designer/checkbox-group/index.umd.cjs +0 -1
- package/designer/data-grid/index.css +0 -1
- package/designer/data-grid/index.esm.js +0 -15413
- package/designer/data-grid/index.umd.cjs +0 -23
- package/designer/data-view/index.esm.js +0 -854
- package/designer/data-view/index.umd.cjs +0 -38
- package/designer/drawer/index.css +0 -1
- package/designer/drawer/index.esm.js +0 -525
- package/designer/drawer/index.umd.cjs +0 -1
- package/designer/farris-designer.all.esm.js +0 -22320
- package/designer/farris-designer.all.umd.cjs +0 -34
- package/designer/index.css +0 -1
- package/designer/input-group/index.esm.js +0 -1098
- package/designer/input-group/index.umd.cjs +0 -1
- package/designer/list-view/index.css +0 -1
- package/designer/list-view/index.esm.js +0 -4675
- package/designer/list-view/index.umd.cjs +0 -40
- package/designer/radio-group/index.css +0 -1
- package/designer/radio-group/index.esm.js +0 -6980
- package/designer/radio-group/index.umd.cjs +0 -1
- package/designer/tree-grid/index.esm.js +0 -1099
- package/designer/tree-grid/index.umd.cjs +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(I,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../common/index.umd.js"],a):(I=typeof globalThis<"u"?globalThis:I||self,a(I["color-picker"]={},I.Vue,I.LodashES,I.dynamicResolver,I.common))})(this,function(I,a,_,Be,$e){"use strict";var ht=Object.defineProperty;var gt=(I,a,_)=>a in I?ht(I,a,{enumerable:!0,configurable:!0,writable:!0,value:_}):I[a]=_;var o=(I,a,_)=>gt(I,typeof a!="symbol"?a+"":a,_);function pe(t,e){let r;function n(u){const{properties:p,title:y,ignore:l}=u,c=l&&Array.isArray(l),k=Object.keys(p).reduce((S,V)=>((!c||!l.find(H=>H===V))&&(S[V]=p[V].type==="object"&&p[V].properties?n(p[V]):_.cloneDeep(p[V].default)),S),{});if(y&&(!c||!l.find(S=>S==="id"))){const S=y.toLowerCase().replace(/-/g,"_");k.id=`${S}_${Math.random().toString().slice(2,6)}`}return k}function d(u){const{properties:p,title:y,required:l}=u;if(l&&Array.isArray(l)){const c=l.reduce((k,S)=>(k[S]=p[S].type==="object"&&p[S].properties?n(p[S]):_.cloneDeep(p[S].default),k),{});if(y&&l.find(k=>k==="id")){const k=y.toLowerCase().replace(/-/g,"_");c.id=`${k}_${Math.random().toString().slice(2,6)}`}return c}return{type:y}}function w(u,p={},y){const l=t[u];if(l){let c=d(l);const k=e[u];return c=k?k({getSchemaByType:w},c,p,y):c,r!=null&&r.appendIdentifyForNewControl&&r.appendIdentifyForNewControl(c),c}return null}function f(u,p){const y=n(p);return Object.keys(y).reduce((l,c)=>(Object.prototype.hasOwnProperty.call(u,c)&&(l[c]&&_.isPlainObject(l[c])&&_.isPlainObject(u[c]||!u[c])?Object.assign(l[c],u[c]||{}):l[c]=u[c]),l),y),y}function m(u,p){return Object.keys(u).filter(l=>u[l]!=null).reduce((l,c)=>{if(p.has(c)){const k=p.get(c);if(typeof k=="string")l[k]=u[c];else{const S=k(c,u[c],u);Object.assign(l,S)}}else l[c]=u[c];return l},{})}function b(u,p,y=new Map){const l=f(u,p);return m(l,y)}function g(u){var y;const p=u.type;if(p){const l=t[p];if(!l)return u;const c=f(u,l),k=((y=u.editor)==null?void 0:y.type)||"";if(k){const S=t[k],V=f(u.editor,S);c.editor=V}return c}return u}function h(u){r=u}return{getSchemaByType:w,resolveSchemaWithDefaultValue:g,resolveSchemaToProps:b,mappingSchemaToProps:m,setDesignerContext:h}}const fe={},he={},{resolveSchemaWithDefaultValue:Re,resolveSchemaToProps:Ee,mappingSchemaToProps:He}=pe(fe,he);function Oe(t={}){function e(g,h,u,p){if(typeof u=="number")return p[g].length===u;if(typeof u=="object"){const y=Object.keys(u)[0],l=u[y];if(y==="not")return Number(p[g].length)!==Number(l);if(y==="moreThan")return Number(p[g].length)>=Number(l);if(y==="lessThan")return Number(p[g].length)<=Number(l)}return!1}function r(g,h,u,p){return p[g]&&p[g].propertyValue&&String(p[g].propertyValue.value)===String(u)}const n=new Map([["length",e],["getProperty",r]]);Object.keys(t).reduce((g,h)=>(g.set(h,t[h]),g),n);function d(g,h){const u=g;return typeof h=="number"?[{target:u,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:u,operator:"getProperty",param:g,value:!!h}]:typeof h=="object"?Object.keys(h).map(p=>{if(p==="length")return{target:u,operator:"length",param:null,value:h[p]};const y=p,l=h[p];return{target:u,operator:"getProperty",param:y,value:l}}):[]}function w(g){return Object.keys(g).reduce((u,p)=>{const y=d(p,g[p]);return u.push(...y),u},[])}function f(g,h){if(n.has(g.operator)){const u=n.get(g.operator);return u&&u(g.target,g.param,g.value,h)||!1}return!1}function m(g,h){return w(g).reduce((y,l)=>y&&f(l,h),!0)}function b(g,h){const u=Object.keys(g),p=u.includes("allOf"),y=u.includes("anyOf"),l=p||y,S=(l?g[l?p?"allOf":"anyOf":"allOf"]:[g]).map(H=>m(H,h));return p?!S.includes(!1):S.includes(!0)}return{parseValueSchema:b}}const Fe={convertTo:(t,e,r,n)=>{t.appearance||(t.appearance={}),t.appearance[e]=r},convertFrom:(t,e,r)=>t.appearance?t.appearance[e]:t[e]},je={convertFrom:(t,e,r)=>t.buttons&&t.buttons.length?`共 ${t.buttons.length} 项`:"无"},De={convertTo:(t,e,r,n)=>{t.editor&&(t.editor[e]=r)},convertFrom:(t,e,r)=>t.editor&&Object.prototype.hasOwnProperty.call(t.editor,e)?t.editor[e]:t[e]},ge={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},Ae={convertFrom:(t,e,r)=>{var d;const n=t.editor&&t.editor[e]?t.editor[e]:t[e];return((d=ge[n])==null?void 0:d.name)||n}},xe={convertTo:(t,e,r,n)=>{t[e]=t[e]},convertFrom:(t,e,r)=>t.editor?r.getRealEditorType(t.editor.type):""},Le={convertTo:(t,e,r,n)=>{(t.type==="data-grid-column"||t.type==="tree-grid-column")&&(t.formatter?t.formatter[e]=r:t.formatter={[e]:r})},convertFrom:(t,e,r)=>{if(t.formatter){if(e==="trueText")return t.formatter.trueText;if(e==="falseText")return t.formatter.falseText;if(e==="prefix")return t.formatter.prefix;if(e==="suffix")return t.formatter.suffix;if(e==="precision")return t.formatter.precision;if(e==="decimal")return t.formatter.decimal;if(e==="thousand")return t.formatter.thousand;if(e==="dateFormat")return t.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return t.formatter.customFormat;if(e==="type")return t.formatter.type||"none"}return"none"}},qe={convertTo:(t,e,r,n)=>{t.command?t.command[e]=r:t.command={[e]:r},e==="enable"&&r&&(t.command.commands||(t.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(t,e,r)=>t.command&&e==="enable"?t.command.enable:""},Ue={convertTo:(t,e,r,n)=>{t.column?t.column[e]=r:t.column={[e]:r},e==="fitColumns"&&r&&(t.column.fitMode||(t.column.fitMode="average"))},convertFrom:(t,e,r)=>{if(t.column){if(e==="fitColumns")return t.column.fitColumns;if(e==="fitMode")return t.column.fitMode}return""}},Ie={convertTo:(t,e,r,n)=>{t.summary?t.summary[e]=r:t.summary={[e]:r},e==="enable"&&r&&(t.summary?t.summary.groupFields||(t.summary.groupFields=[]):t.summary={enable:r,groupFields:[]})},convertFrom:(t,e,r)=>t.summary&&e==="enable"?t.summary.enable:t.type==="data-grid-column"?t.enableSummary===void 0?!1:t.enableSummary:""},Xe={convertTo:(t,e,r,n)=>{t.group?t.group[e]=r:t.group={[e]:r},e==="enable"&&r&&(t.group?t.group.groupFields||(t.group.groupFields=[]):t.group={enable:r,groupFields:[],showSummary:!1})},convertFrom:(t,e,r)=>{if(t.group){if(e==="enable")return t.group.enable;if(e==="showSummary")return t.group.showSummary}}},Ge={convertFrom:(t,e)=>t.binding?t.binding.path:"",convertTo:(t,e,r)=>{if(r&&r.length>0){const n=r[0];t.binding||(t.binding={}),t.binding.type="Form",t.binding.path=n.bindingField,t.binding.field=n.id,t.binding.fullPath=n.path,t.path=n.bindingPath}}},ze={convertTo:(t,e,r,n)=>{t.pagination||(t.pagination={}),t.pagination[e]=r},convertFrom:(t,e,r)=>t.pagination?t.pagination[e]:t[e]},We={convertTo:(t,e,r,n)=>{t.rowNumber||(t.rowNumber={}),t.rowNumber[e]=r},convertFrom:(t,e,r)=>t.rowNumber?t.rowNumber[e]:t[e]},Ye={convertTo:(t,e,r,n)=>{t.selection||(t.selection={}),t.selection[e]=r},convertFrom:(t,e,r)=>{var n,d;return e==="showCheckbox"?(n=t.selection)!=null&&n.multiSelect?!0:(d=t.selection)==null?void 0:d.showCheckbox:t.selection?t.selection[e]:t[e]}},Ce={convertFrom:(t,e,r)=>t[e]&&t[e].length?`共 ${t[e].length} 项`:""},Je={convertFrom:(t,e)=>t[e]||"",convertTo:(t,e,r)=>{t[e]=r}},Qe={convertTo:(t,e,r,n)=>{t.size||(t.size={}),t.size[e]=r},convertFrom:(t,e,r)=>t.size?t.size[e]:t[e]},Ze={convertFrom:(t,e,r)=>{var n,d;return(n=t.formatter)!=null&&n.data&&e==="formatterEnumData"&&!t.formatterEnumData?(d=t.formatter)==null?void 0:d.data:t.formatterEnumData}},Te={convertTo:(t,e,r,n)=>{t.sort||(t.sort={}),t.sort[e]=r},convertFrom:(t,e,r)=>{var n,d;if(e==="mode")return((n=t.sort)==null?void 0:n.mode)||"client";if(e==="multiSort")return!!((d=t.sort)!=null&&d.multiSort)}},Ke={convertTo:(t,e,r,n)=>{t.filter||(t.filter={}),t.filter[e]=r},convertFrom:(t,e,r)=>{var n;if(e==="mode")return((n=t.filter)==null?void 0:n.mode)||"client"}},_e={convertTo:(t,e,r,n)=>{t.rowOption?t.rowOption[e]=r:t.rowOption={[e]:r}},convertFrom:(t,e,r)=>{if(t.rowOption){if(e==="customRowStyle")return t.rowOption.customRowStyle;if(e==="customCellStyle")return t.rowOption.customCellStyle}return""}};function me(t,e,r){const n=new Map([["/converter/appearance.converter",Fe],["/converter/buttons.converter",je],["/converter/property-editor.converter",De],["/converter/items-count.converter",Ce],["/converter/type.converter",Ae],["/converter/change-editor.converter",xe],["/converter/change-formatter.converter",Le],["/converter/column-command.converter",qe],["/converter/column-option.converter",Ue],["/converter/summary.converter",Ie],["/converter/group.converter",Xe],["/converter/form-group-label.converter",Je],["/converter/field-selector.converter",Ge],["/converter/pagination.converter",ze],["/converter/row-number.converter",We],["/converter/grid-selection.converter",Ye],["/converter/size.converter",Qe],["/converter/change-formatter-enum.converter",Ze],["/converter/grid-sort.converter",Te],["/converter/grid-filter.converter",Ke],["/converter/row-option.converter",_e]]),d=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),w=Oe();function f(l,c){return()=>w.parseValueSchema(l,c)}function m(l,c,k){return l.includes("visible")&&c.visible!==void 0?typeof c.visible=="boolean"?()=>!!c.visible:c.visible===void 0?!0:f(c.visible,k):()=>!0}function b(l,c,k){return l.includes("readonly")&&c.readonly!==void 0?typeof c.readonly=="boolean"?()=>!!c.readonly:f(c.readonly,k):()=>!1}function g(l,c){const k=l.$converter||c;return typeof k=="string"&&k&&n.has(k)?n.get(k)||null:k||null}function h(l,c,k,S,V,H="",L=""){return Object.keys(l).map(O=>{const F=a.ref(1),X=O,N=l[O],q=Object.keys(N),Q=N.title,M=N.type,B=d.get(M)||{type:"input-group",enableClear:!1},$=N.editor?Object.assign({},B,N.editor):Object.assign({},B),E=m(q,N,c),D=b(q,N,c);$.readonly=$.readonly===void 0?D():$.readonly;const G=N.type==="cascade"?h(N.properties,c,k,S,V,H,L):[],Z=!0;let U=g(N,L);const C=a.computed({get(){if(F.value){if(["class","style"].find(ee=>ee===X)&&!U&&(U=n.get("/converter/appearance.converter")||null),U&&U.convertFrom)return U.convertFrom(k,O,V,H);const z=k[O];return Object.prototype.hasOwnProperty.call(N,"defaultValue")&&(z===void 0||typeof z=="string"&&z==="")?N.type==="boolean"?N.defaultValue:N.defaultValue||"":z}return null},set(z){F.value+=1,U&&U.convertTo?(U.convertTo(S,O,z,V,H),U.convertTo(k,O,z,V,H)):(S[O]=z,k[O]=z)}}),{refreshPanelAfterChanged:J,description:ae,isExpand:T,parentPropertyID:oe}=N,Y={propertyID:X,propertyName:Q,propertyType:M,propertyValue:C,editor:$,visible:E,readonly:D,cascadeConfig:G,hideCascadeTitle:Z,refreshPanelAfterChanged:J,description:ae,isExpand:T,parentPropertyID:oe};return c[X]=Y,Y})}function u(l,c,k={}){const S={},V=t[l];return V&&V.categories?Object.keys(V.categories).map(L=>{const j=V.categories[L],O=j==null?void 0:j.title,F=h(j.properties||{},S,{},k,c);return{categoryId:L,categoryName:O,properties:F}}):[]}function p(l,c,k,S,V=""){const H=c.$ref.schema,L=c.$ref.converter,j=k[H],O=j.type,F=r(j),X={},N=t[O];if(N&&N.categories){const q=N.categories[l],Q=q==null?void 0:q.title;L&&Object.keys(q.properties).forEach($=>{q.properties[$].$converter=L});const M=(q==null?void 0:q.properties)||{},B=h(M,X,F,j,S,V);return{categoryId:l,categoryName:Q,properties:B}}return{categoryId:l,categoryName:"",properties:[]}}function y(l,c,k,S,V){const H=l.type,L=r(l),j={};let O=V||t[H];if(O&&Object.keys(O).length===0&&k&&k.getPropConfig&&(O=k.getPropConfig(S)),O&&O.categories){const F=[];return Object.keys(O.categories).map(X=>{const N=O.categories[X];if(N.$ref){F.push(p(X,N,l,c,S));return}const q=N==null?void 0:N.title,Q=N==null?void 0:N.tabId,M=N==null?void 0:N.tabName,B=N==null?void 0:N.hide,$=N==null?void 0:N.hideTitle,E=h(N.properties||{},j,L,l,c,S,N.$converter),{setPropertyRelates:D}=N,G=N==null?void 0:N.parentPropertyID;F.push({categoryId:X,categoryName:q,tabId:Q,tabName:M,hide:B,properties:E,hideTitle:$,setPropertyRelates:D,parentPropertyID:G})}),F}return[]}return{getPropertyConfigBySchema:y,getPropertyConfigByType:u,propertyConverterMap:n}}const ve={},ye={};me(ve,ye,Re);const we={},be={},{resolveSchemaWithDefaultValue:et}=pe(we,be),ke={},Pe={};me(ke,Pe,et);function tt(t,e,r=new Map,n=(f,m,b,g)=>m,d={},w=f=>f){return fe[e.title]=e,he[e.title]=n,ve[e.title]=d,ye[e.title]=w,we[e.title]=e,be[e.title]=n,ke[e.title]=d,Pe[e.title]=w,(f={},m=!0)=>{if(!m)return He(f,r);const b=Ee(f,e,r),g=Object.keys(t).reduce((h,u)=>(h[u]=t[u].default,h),{});return Object.assign(g,b)}}const nt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/color-picker.schema.json",title:"color-picker",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for color picker",type:"string"},type:{description:"The type string of color picker",type:"string",default:"color-picker"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function rt(t,e,r){return e}function at(t,e){return{customClass:e.class,customStyle:e.style}}const ot=new Map([["appearance",at]]),it={title:"color-picker",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ie={color:{type:String,default:"#e1e2e3"},disabled:{type:Boolean,default:!1},presets:{type:Array,default:[]},allowColorNull:{type:Boolean,default:!1},onValueChanged:{type:Function,default:()=>{}}},ce=tt(ie,nt,ot,rt,it);class se{}class le extends se{constructor(e,r,n,d){super(),this.cyan=e,this.magenta=r,this.yellow=n,this.black=d}toString(){return`cmyk(${this.getCyan()}%, ${this.getMagenta()}%, ${this.getYellow()}%, ${this.getBlack()}%)`}getCyan(){return Math.round(this.cyan)}getMagenta(){return Math.round(this.magenta)}getYellow(){return Math.round(this.yellow)}getBlack(){return Math.round(this.black)}}class te extends se{constructor(e,r,n,d){super(),this.hue=e,this.saturation=r,this.lightness=n,this.alpha=d}toString(e=!0){return e?`hsla(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%, ${this.getAlpha()})`:`hsl(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getLightness(){return Math.round(this.lightness)}getAlpha(){return Math.round(this.alpha*100)/100}}class ne extends se{constructor(e,r,n,d){super(),this.hue=e,this.saturation=r,this.value=n,this.alpha=d}toString(e=!0){return e?`hsva(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%, ${this.getAlpha()})`:`hsv(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getValue(){return Math.round(this.value)}getAlpha(){return Math.round(this.alpha*100)/100}}class s extends se{constructor(e,r,n,d){super(),this.red=e,this.green=r,this.blue=n,this.alpha=d}toString(e=!0){return e?`rgba(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()}, ${this.getAlpha()})`:`rgb(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()})`}getRed(){return Math.round(this.red)}getGreen(){return Math.round(this.green)}getBlue(){return Math.round(this.blue)}getAlpha(){return Math.round(this.alpha*100)/100}}const i=class i{};o(i,"transparent",new s(0,0,0,0)),o(i,"aliceblue",new s(240,248,255,1)),o(i,"antiquewhite",new s(250,235,215,1)),o(i,"aqua",new s(0,255,255,1)),o(i,"aquamarine",new s(127,255,212,1)),o(i,"azure",new s(240,255,255,1)),o(i,"beige",new s(245,245,220,1)),o(i,"bisque",new s(255,228,196,1)),o(i,"black",new s(0,0,0,1)),o(i,"blanchedalmond",new s(255,235,205,1)),o(i,"blue",new s(0,0,255,1)),o(i,"blueviolet",new s(138,43,226,1)),o(i,"brown",new s(165,42,42,1)),o(i,"burlywood",new s(222,184,135,1)),o(i,"cadetblue",new s(95,158,160,1)),o(i,"chartreuse",new s(127,255,0,1)),o(i,"chocolate",new s(210,105,30,1)),o(i,"coral",new s(255,127,80,1)),o(i,"cornflowerblue",new s(100,149,237,1)),o(i,"cornsilk",new s(255,248,220,1)),o(i,"crimson",new s(220,20,60,1)),o(i,"cyan",new s(0,255,255,1)),o(i,"darkblue",new s(0,0,139,1)),o(i,"darkcyan",new s(0,139,139,1)),o(i,"darkgoldenrod",new s(184,134,11,1)),o(i,"darkgray",new s(169,169,169,1)),o(i,"darkgreen",new s(0,100,0,1)),o(i,"darkgrey",i.darkgray),o(i,"darkkhaki",new s(189,183,107,1)),o(i,"darkmagenta",new s(139,0,139,1)),o(i,"darkolivegreen",new s(85,107,47,1)),o(i,"darkorange",new s(255,140,0,1)),o(i,"darkorchid",new s(153,50,204,1)),o(i,"darkred",new s(139,0,0,1)),o(i,"darksalmon",new s(233,150,122,1)),o(i,"darkseagreen",new s(143,188,143,1)),o(i,"darkslateblue",new s(72,61,139,1)),o(i,"darkslategray",new s(47,79,79,1)),o(i,"darkslategrey",i.darkslategray),o(i,"darkturquoise",new s(0,206,209,1)),o(i,"darkviolet",new s(148,0,211,1)),o(i,"deeppink",new s(255,20,147,1)),o(i,"deepskyblue",new s(0,191,255,1)),o(i,"dimgray",new s(105,105,105,1)),o(i,"dimgrey",i.dimgray),o(i,"dodgerblue",new s(30,144,255,1)),o(i,"firebrick",new s(178,34,34,1)),o(i,"floralwhite",new s(255,250,240,1)),o(i,"forestgreen",new s(34,139,34,1)),o(i,"fuchsia",new s(255,0,255,1)),o(i,"gainsboro",new s(220,220,220,1)),o(i,"ghostwhite",new s(248,248,255,1)),o(i,"gold",new s(255,215,0,1)),o(i,"goldenrod",new s(218,165,32,1)),o(i,"gray",new s(128,128,128,1)),o(i,"grey",i.gray),o(i,"green",new s(0,128,0,1)),o(i,"greenyellow",new s(173,255,47,1)),o(i,"honeydew",new s(240,255,240,1)),o(i,"hotpink",new s(255,105,180,1)),o(i,"indianred",new s(205,92,92,1)),o(i,"indigo",new s(75,0,130,1)),o(i,"ivory",new s(255,255,240,1)),o(i,"khaki",new s(240,230,140,1)),o(i,"lavender",new s(230,230,250,1)),o(i,"lavenderblush",new s(255,240,245,1)),o(i,"lawngreen",new s(124,252,0,1)),o(i,"lemonchiffon",new s(255,250,205,1)),o(i,"lightblue",new s(173,216,230,1)),o(i,"lightcoral",new s(240,128,128,1)),o(i,"lightcyan",new s(224,255,255,1)),o(i,"lightgoldenrodyellow",new s(250,250,210,1)),o(i,"lightgray",new s(211,211,211,1)),o(i,"lightgreen",new s(144,238,144,1)),o(i,"lightgrey",i.lightgray),o(i,"lightpink",new s(255,182,193,1)),o(i,"lightsalmon",new s(255,160,122,1)),o(i,"lightseagreen",new s(32,178,170,1)),o(i,"lightskyblue",new s(135,206,250,1)),o(i,"lightslategray",new s(119,136,153,1)),o(i,"lightslategrey",i.lightslategray),o(i,"lightsteelblue",new s(176,196,222,1)),o(i,"lightyellow",new s(255,255,224,1)),o(i,"lime",new s(0,255,0,1)),o(i,"limegreen",new s(50,205,50,1)),o(i,"linen",new s(250,240,230,1)),o(i,"magenta",new s(255,0,255,1)),o(i,"maroon",new s(128,0,0,1)),o(i,"mediumaquamarine",new s(102,205,170,1)),o(i,"mediumblue",new s(0,0,205,1)),o(i,"mediumorchid",new s(186,85,211,1)),o(i,"mediumpurple",new s(147,112,219,1)),o(i,"mediumseagreen",new s(60,179,113,1)),o(i,"mediumslateblue",new s(123,104,238,1)),o(i,"mediumspringgreen",new s(0,250,154,1)),o(i,"mediumturquoise",new s(72,209,204,1)),o(i,"mediumvioletred",new s(199,21,133,1)),o(i,"midnightblue",new s(25,25,112,1)),o(i,"mintcream",new s(245,255,250,1)),o(i,"mistyrose",new s(255,228,225,1)),o(i,"moccasin",new s(255,228,181,1)),o(i,"navajowhite",new s(255,222,173,1)),o(i,"navy",new s(0,0,128,1)),o(i,"oldlace",new s(253,245,230,1)),o(i,"olive",new s(128,128,0,1)),o(i,"olivedrab",new s(107,142,35,1)),o(i,"orange",new s(255,165,0,1)),o(i,"orangered",new s(255,69,0,1)),o(i,"orchid",new s(218,112,214,1)),o(i,"palegoldenrod",new s(238,232,170,1)),o(i,"palegreen",new s(152,251,152,1)),o(i,"paleturquoise",new s(175,238,238,1)),o(i,"palevioletred",new s(219,112,147,1)),o(i,"papayawhip",new s(255,239,213,1)),o(i,"peachpuff",new s(255,218,185,1)),o(i,"peru",new s(205,133,63,1)),o(i,"pink",new s(255,192,203,1)),o(i,"plum",new s(221,160,221,1)),o(i,"powderblue",new s(176,224,230,1)),o(i,"purple",new s(128,0,128,1)),o(i,"red",new s(255,0,0,1)),o(i,"rosybrown",new s(188,143,143,1)),o(i,"royalblue",new s(65,105,225,1)),o(i,"saddlebrown",new s(139,69,19,1)),o(i,"salmon",new s(250,128,114,1)),o(i,"sandybrown",new s(244,164,96,1)),o(i,"seagreen",new s(46,139,87,1)),o(i,"seashell",new s(255,245,238,1)),o(i,"sienna",new s(160,82,45,1)),o(i,"silver",new s(192,192,192,1)),o(i,"skyblue",new s(135,206,235,1)),o(i,"slateblue",new s(106,90,205,1)),o(i,"slategray",new s(112,128,144,1)),o(i,"slategrey",i.slategray),o(i,"snow",new s(255,250,250,1)),o(i,"springgreen",new s(0,255,127,1)),o(i,"steelblue",new s(70,130,180,1)),o(i,"tan",new s(210,180,140,1)),o(i,"teal",new s(0,128,128,1)),o(i,"thistle",new s(216,191,216,1)),o(i,"tomato",new s(255,99,71,1)),o(i,"turquoise",new s(64,224,208,1)),o(i,"violet",new s(238,130,238,1)),o(i,"wheat",new s(245,222,179,1)),o(i,"white",new s(255,255,255,1)),o(i,"whitesmoke",new s(245,245,245,1)),o(i,"yellow",new s(255,255,0,1)),o(i,"yellowgreen",new s(154,205,50,1));let ue=i;class R{constructor(e){o(this,"hsva",new ne(0,1,1,1));o(this,"rgba",new s(255,0,0,1));e&&this.stringToColor(e)}static from(e){return typeof e=="string"?new R(e):e instanceof R?e.clone():e instanceof s?new R().setRgba(e.red,e.green,e.blue,e.alpha):e instanceof ne?new R().setHsva(e.hue,e.saturation,e.value,e.alpha):e instanceof te?new R().setHsla(e.hue,e.saturation,e.lightness,e.alpha):new R(e)}clone(){return R.from(this.getRgba())}setFromString(e){return this.stringToColor(e)}setHsva(e,r=100,n=100,d=1){return e!=null&&(this.hsva.hue=e),r!=null&&(this.hsva.saturation=r),n!=null&&(this.hsva.value=n),d!=null&&(d=d>1?1:d<0?0:d,this.hsva.alpha=d),this.rgba=this.hsvaToRgba(this.hsva),this}setRgba(e,r,n,d=1){return e!=null&&(this.rgba.red=e),r!=null&&(this.rgba.green=r),n!=null&&(this.rgba.blue=n),d!=null&&(d=d>1?1:d<0?0:d,this.rgba.alpha=d),this.hsva=this.rgbaToHsva(this.rgba),this}setHsla(e,r,n,d=1){d!=null&&(d=d>1?1:d<0?0:d,this.rgba.alpha=d);const w=new te(e,r,n,d);return this.rgba=this.hslaToRgba(w),this.hsva=this.rgbaToHsva(this.rgba),this}toHexString(e=!1){let r="#"+(16777216|this.rgba.getRed()<<16|this.rgba.getGreen()<<8|this.rgba.getBlue()).toString(16).substr(1);return e&&(r+=(256|Math.round(this.rgba.alpha*255)).toString(16).substr(1)),r.toUpperCase()}toRgbaString(){return this.rgba.toString()}toRgbString(){return this.rgba.toString(!1)}toHslaString(){return this.getHsla().toString()}toHslString(){return this.getHsla().toString(!1)}toHsvaString(){return this.hsva.toString()}toHsvString(){return this.hsva.toString(!1)}toCmykString(){return this.getCmyk().toString()}getHsva(){return new ne(this.hsva.hue,this.hsva.saturation,this.hsva.value,this.hsva.alpha)}getRgba(){return new s(this.rgba.red,this.rgba.green,this.rgba.blue,this.rgba.alpha)}getHsla(){return this.rgbaToHsla(this.rgba)}getCmyk(){return this.rgbaToCmyk(this.rgba)}hsvaToHsla(e){const{hue:r}=e,n=e.saturation/100,d=e.value/100,w=(2-n)*e.value/2,f=n*d/(w<=1?w:2-w)||0;return new te(r,w*100,f*100,e.alpha)}hslaToHsva(e){const{hue:r}=e,n=e.lightness/100*2,d=e.saturation/100*(n<=1?n:2-n),w=(n+d)/2,f=2*d/(n+d)||0;return new ne(r,f,w,e.alpha)}rgbaToHsva(e){const r=e.red/255,n=e.green/255,d=e.blue/255,{alpha:w}=e,f=Math.max(r,n,d),m=Math.min(r,n,d),b=f-m;let g=0,h=f===0?0:b/f,u=f;if(f!==m){switch(f){case r:g=(n-d)/b+(n<d?6:0);break;case n:g=2+(d-r)/b;break;case d:g=4+(r-n)/b;break}g/=6}return g*=360,h*=100,u*=100,new ne(g,h,u,w)}hsvaToRgba(e){let r=1,n=0,d=0;const w=e.saturation/100,f=e.value/100,{alpha:m}=e,b=e.hue/60,g=Math.floor(b),h=b-g,u=(1-w)*f,p=(1-w*h)*f,y=(1-w*(1-h))*f;switch(g){case 6:case 0:r=f,n=y,d=u;break;case 1:r=p,n=f,d=u;break;case 2:r=u,n=f,d=y;break;case 3:r=u,n=p,d=f;break;case 4:r=y,n=u,d=f;break;case 5:r=f,n=u,d=p;break}return r*=255,n*=255,d*=255,new s(r,n,d,m)}rgbaToHsla(e){const r=e.red/255,n=e.green/255,d=e.blue/255,{alpha:w}=e,f=Math.max(r,n,d),m=Math.min(r,n,d);let b=0,g=0,h=(f+m)/2;const u=f-m;if(f!==m){switch(g=h>.5?u/(2-f-m):u/(f+m),f){case r:b=(n-d)/u+(n<d?6:0);break;case n:b=(d-r)/u+2;break;case d:b=(r-n)/u+4;break}b/=6}return b*=360,g*=100,h*=100,new te(b,g,h,w)}hslaToRgba(e){const r=e.hue/360,n=e.saturation/100,d=e.lightness/100,{alpha:w}=e;let f=d,m=d,b=d;if(n!==0){const g=d<.5?d*(1+n):d+n-d*n,h=2*d-g;f=this.hueToRgb(h,g,r+1/3),m=this.hueToRgb(h,g,r),b=this.hueToRgb(h,g,r-1/3)}return f*=255,m*=255,b*=255,new s(f,m,b,w)}hueToRgb(e,r,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(r-e)*6*n:n<1/2?r:n<2/3?e+(r-e)*(2/3-n)*6:e}cmykToRgba(e){const r=e.black/100,n=e.cyan/100,d=e.magenta/100,w=e.yellow/100;let f=Math.min(1,(1-n)*(1-r)),m=Math.min(1,(1-d)*(1-r)),b=Math.min(1,(1-w)*(1-r));return f*=255,m*=255,b*=255,new s(f,m,b,1)}rgbaToCmyk(e){const r=e.red/255,n=e.green/255,d=e.blue/255;let w=1-r,f=1-n,m=1-d,b=Math.min(w,f,m);return b===1?new le(0,0,0,1):(w=(w-b)/(1-b),f=(f-b)/(1-b),m=(m-b)/(1-b),b*=100,w*=100,f*=100,m*=100,new le(w,f,m,b))}roundNumber(e){return Math.round(e*100)/100}stringToColor(e){const r=e.replace(/ /g,"").toLowerCase();let n=ue[e]||null;if(r[0]==="#"){let f=r.substr(1);const{length:m}=f;let b=1,g;if(m===3)g=f.split("").map(h=>h+h);else if(m===6)g=f.match(/.{2}/g);else if(m===8){const h=f.substr(-2);f=f.substr(0,m-2),b=this.roundNumber(parseInt(h||"FF",16)/255),g=f.match(/.{2}/g)}g&&g.length===3&&(n=new s(parseInt(g[0],16),parseInt(g[1],16),parseInt(g[2],16),b))}const d=r.indexOf("("),w=r.indexOf(")");if(d!==-1&&w+1===r.length){const f=r.substr(0,d),m=r.substr(d+1,w-(d+1)).split(",");let b=1,g,h;switch(f){case"rgba":b=parseFloat(m.pop());case"rgb":n=new s(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),b);break;case"hsla":b=parseFloat(m.pop());break;case"hsl":g=new te(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),b),n=this.hslaToRgba(g);break;case"cmyk":h=new le(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),parseInt(m[3],10)),n=this.cmykToRgba(h);break}}return n&&(this.rgba=n,this.hsva=this.rgbaToHsva(n)),this}}var x=(t=>(t.hex="hex",t.hexa="hexa",t.rgba="rgba",t.rgb="rgb",t.hsla="hsla",t.hsl="hsl",t.cmyk="cmyk",t))(x||{});class de{constructor(e){o(this,"modelValue",null);o(this,"hueValue",null);o(this,"initValue",null);o(this,"valueChanged",a.ref());o(this,"initType",null);o(this,"alphaChannelVisibilityChanges",a.ref());o(this,"colorPresets",[]);const r=e[0],n=R.from(r);this.setValue(n),this.setHueColor(n)}setValueFrom(e,r,n){const d=R.from(e);return this.initValue||(this.initValue=R.from(e)),typeof e=="string"&&this.finOutInputType(e),this.setHueColor(d),this.setValue(d),this}setHueColor(e){(this.hueValue&&e.getHsva().hue>0||!this.hueValue)&&(this.hueValue=new R().setHsva(e.getHsva().hue))}get hue(){return this.hueValue}set hue(e){this.hueValue=e}setValue(e){var r;return this.modelValue=e,(e==null?void 0:e.toRgbaString())===((r=this.valueChanged.value)==null?void 0:r.toRgbaString())&&(this.valueChanged.value=e),this}get value(){return this.modelValue}set value(e){this.setValue(e)}reset(){let e;return this.initValue?(e=this.initValue.clone(),this.setHueColor(e)):(e=R.from(new s(255,0,0,1)),this.hueValue=new R().setHsva(e.getHsva().hue)),this.setValue(e),this}showAlphaChannel(){return this.alphaChannelVisibilityChanges.value=!0,this}finOutInputType(e){const r=e.replace(/ /g,"").toLowerCase();r[0]==="#"&&(this.initType="hex",r.length>7&&(this.initType="hexa"));const n=r.indexOf("(");switch(r.substr(0,n)){case"rgba":this.initType="rgba";break;case"rgb":this.initType="rgb";break;case"hsla":this.initType="hsla";break;case"hsl":this.initType="hsl";break;case"cmyk":this.initType="cmyk";break}}setColorPresets(e){return this.colorPresets=this.setPresets(e),this}setPresets(e){const r=[];return e.map(n=>{Array.isArray(n)?r.push(this.setPresets(n)):r.push(new R(n))}),r}get presets(){return this.colorPresets}hasPresets(){return this.colorPresets.length>0}}o(de,"finOutInputType");function W(t,e){if(!t)return"";switch(e){case x.hex:return t.toHexString();case x.hexa:return t.toHexString(!0);case x.rgb:return t.toRgbString();case x.rgba:return t.toRgbaString();case x.hsl:return t.toHslString();case x.hsla:return t.toHslaString();default:return t.toRgbaString()}}const st={color:{type:Object,default:""},hue:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Se=a.defineComponent({name:"SvPanel",props:st,emits:["update:color"],setup(t,e){const r=a.ref(null),n=a.ref(null),d=a.ref(t.randomId),w=a.ref(t.allowColorNull);function f(){return t.hue?t.hue.toRgbaString():"#3f51b5"}function m(u,p){var y,l;u=Math.max(0,Math.min(u,100)),p=Math.max(0,Math.min(p,100)),r.value&&((y=r.value.style)==null||y.setProperty("top",`${100-p}%`),(l=r.value.style)==null||l.setProperty("left",`${u}%`))}function b(){const u=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);u.className="btn btn-secondary";const p=document.getElementById(`farris-color-picker-plus-input-${d.value}`);p.style.borderColor="#dcdfe6"}function g({x:u,y:p,height:y,width:l}){const c=u*100/l,k=-(p*100/y)+100;m(c,k);const S=t.color==null?"transparent":t.color,V=R.from(S);if(b(),V!=null){const H=t.hue.getHsva(),L=V.getHsva(),j=new R().setHsva(H.hue,c,k,L.alpha);e.emit("update:color",j)}!V&&w.value&&e.emit("update:color",null)}function h(u){if(n.value){const{width:p,height:y,top:l,left:c}=n.value.getBoundingClientRect(),{pageX:k,pageY:S}="touches"in u?u.touches[0]:u,V=Math.max(0,Math.min(k-(c+window.pageXOffset),p)),H=Math.max(0,Math.min(S-(l+window.pageYOffset),y));g({x:V,y:H,height:y,width:p})}}return a.onMounted(()=>{const u=t.color.getHsva();m(u.saturation,u.value)}),a.watch(()=>t.color,u=>{u.getHsva()}),a.watch(()=>t.color,u=>{const p=u.getHsva();m(p.saturation,p.value)}),()=>a.createVNode("div",{class:"f-sv-panel-component",ref:n,style:{backgroundColor:f()},onMousedown:a.withModifiers(u=>h(u),["prevent"]),onTouchstart:a.withModifiers(u=>h(u),["prevent"])},[a.createVNode("div",{class:"color-svpanel__white"},null),a.createVNode("div",{class:"color-svpanel__black"},null),a.createVNode("div",{class:"color-svpanel__cursor",ref:r},[a.createVNode("div",null,null)])])}}),ct={color:{type:Object,default:""},hue:{type:Object,default:""},allowColorNull:{type:Boolean,default:!1},onChange:{type:Function}},Ne=a.defineComponent({name:"Hue",props:ct,emits:["update:color","update:hue"],setup(t,e){const r=a.ref(t.hue),n=a.ref(t.allowColorNull),d=[];function w(l){l.preventDefault(),m(l)}const f=a.ref(null);function m(l){if(f.value){const{width:c,height:k,top:S,left:V}=f.value.getBoundingClientRect(),{pageX:H,pageY:L}="touches"in l?l.touches[0]:l,j=Math.max(0,Math.min(H-(V+window.pageXOffset),c)),O=Math.max(0,Math.min(L-(S+window.pageYOffset),k));y({x:j,y:O,height:k,width:c})}}function b(){d.forEach(l=>l()),d.length=0}function g(l){w(l),document.addEventListener("mouseup",b),document.addEventListener("touchend",b),document.addEventListener("touchmove",w)}const h=l=>{g(l),l.stopPropagation()};a.onMounted(()=>{document.querySelectorAll(".f-hue-component").forEach(k=>{k.addEventListener("mousedown",h),k.addEventListener("touchstart",h)});const c=t.color.getHsva();p(c.hue)});const u=a.ref(null);function p(l){var S;const c=Math.max(0,Math.min(l/360*100,100));u.value&&((S=u.value.style)==null||S.setProperty("top",`${c}%`))}function y({x:l,y:c,height:k,width:S}){const V=c/k*360;p(V);const H=t.color.getHsva(),L=new R().setHsva(V,H.saturation,H.value,H.alpha),j=new R().setHsva(V,100,100,H.alpha);(t.color!=null||t.color==null&&n.value)&&(e.emit("update:hue",j),e.emit("update:color",L))}return a.watch(r,l=>{const c=l.getHsva();p(c.hue)}),a.watch(()=>t.color,l=>{const c=l.getHsva();p(c.hue)}),()=>a.createVNode("div",{class:"f-hue-component",ref:f,onMousedown:a.withModifiers(l=>m(l),["prevent"]),onTouchstart:a.withModifiers(l=>m(l),["prevent"])},[a.createVNode("div",{class:"color-hue-slider__bar"},null),a.createVNode("div",{class:"color-hue-slider__thumb",ref:u},null)])}}),lt={color:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Me=a.defineComponent({name:"Alpha",props:lt,emits:["update:color"],setup(t,e){const r=a.ref(null),n=a.ref(null),d=a.ref(t.randomId),w=a.ref(t.allowColorNull),f=h=>{var y;const u=Math.max(0,Math.min(h*100,100));n.value&&((y=n.value.style)==null||y.setProperty("left",`${u}%`))};function m(h){if(r.value){const{width:u,height:p,top:y,left:l}=r.value.getBoundingClientRect(),{pageX:c,pageY:k}="touches"in h?h.touches[0]:h,S=Math.max(0,Math.min(c-(l+window.pageXOffset),u));g({x:S,width:u})}}function b(){const h=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);h.className="btn btn-secondary";const u=document.getElementById(`farris-color-picker-plus-input-${d.value}`);u.style.borderColor="#dcdfe6"}const g=({x:h,width:u})=>{const p=h/u;f(p),b();const y=t.color.getHsva(),l=new R().setHsva(y.hue,y.saturation,y.value,p);t.color!=null?e.emit("update:color",l):t.color==null&&w.value&&e.emit("update:color",null)};return a.onMounted(()=>{const h=t.color.getHsva();f(h.alpha)}),a.watch(()=>t.color,h=>{const u=h.getHsva();f(u.alpha)}),()=>a.createVNode("div",{class:"f-alpha-component",ref:r,onMousedown:a.withModifiers(h=>m(h),["prevent"]),onTouchstart:a.withModifiers(h=>m(h),["prevent"])},[a.createVNode("div",{class:"color-alpha-slider__bar"},[a.createTextVNode(" ")]),a.createVNode("div",{class:"color-alpha-slider__thumb",ref:n},null)])}}),ut={color:{type:Object,default:""},hue:{type:Object,default:""},colorPresets:{type:Object,default:""},randomId:{type:String,default:""}},Ve=a.defineComponent({name:"Preset",props:ut,emits:["update:hue","update:color"],setup(t,e){const r=a.ref(new R),n=a.ref(t.colorPresets),d=a.ref(t.randomId);function w(){const g=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);g.className="btn btn-secondary";const h=document.getElementById(`farris-color-picker-plus-input-${d.value}`);h.style.borderColor="#dcdfe6"}function f(g){w();const h=g.getRgba(),u=g.getHsva(),p=new R().setRgba(h.red,h.green,h.blue,h.alpha),y=new R().setHsva(u.hue);r.value=g,e.emit("update:hue",y),e.emit("update:color",p)}function m(g){const h=r.value.getRgba().toString(),u=r.value.getHsva().toString(),p=g.getRgba().toString()===h&&g.getHsva().toString()===u;return{"color-preset__color-selector":p,selected:p}}function b(g,h){return a.createVNode("div",{class:"color-preset__color-selector"},[a.createVNode("div",{key:h,class:m(g),style:{backgroundColor:g.toRgbString()},onClick:()=>f(g)},null)])}return()=>a.createVNode("div",{class:"f-preset-component"},[a.createVNode("div",{class:"color-preset__colors"},[n.value.map((g,h)=>b(g,h))])])}}),re=a.defineComponent({name:"FColorPicker",props:ie,emits:["valueChanged","activeChange","update:color","update:hue"],setup(t,e){const r=a.ref(new R(t.color)),n=a.ref(t.color),d=a.ref(t.disabled),w=a.ref(t.color),f=a.ref(t.allowColorNull),m=a.ref(t.presets),b=a.ref(!1),g=a.ref(!1),h=a.ref(!1),u=a.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let y=-1,l;const c=new de("#000000"),k=a.ref(t.color);let S,V;const H=a.ref(null),L=a.ref(null),j=a.ref(null),O=a.computed(()=>!l&&c&&c.initType?c.initType:l),F=a.computed({get(){return l&&n.value!==null?(z(l),W(new R(n.value),x[l])):n.value},set(P){P!==null&&(T(P),J(P))}}),X=a.ref(F.value),N=a.computed(()=>y>-1),q=a.computed(()=>m.value.length>0),Q=a.computed(()=>({"background-color":w.value})),M=a.computed(()=>g.value&&b.value?"display:flex":"display:none"),B=[{text:"HEX",type:x.hex},{text:"RGBA",type:x.rgba}];function $(){const P=document.getElementById("farris-color-picker-panel");P.id=`farris-color-picker-panel-${p}`;const v=document.getElementById("farris-color-picker-plus-sure");v.id=`farris-color-picker-plus-sure-${p}`;const A=document.getElementById("farris-color-picker-plus-input");A.id=`farris-color-picker-plus-input-${p}`,V=document.getElementById(`farris-color-picker-plus-sure-${p}`),S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function E(){if(!f.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const v=document.getElementById(`farris-color-picker-plus-input-${p}`);v.style.borderColor="red"}}function D(){n.value&&(T(n.value),!n.value&&f.value||(n.value=W(new R(n.value),x[O.value])),X.value=F.value),U(z(c.initType))}function G(){n.value&&T(n.value),c.hasPresets()||c.setColorPresets(m.value),n.value?w.value=W(new R(n.value),x[O.value]):!n.value&&f.value&&(w.value=null)}function Z(){a.watch(c.valueChanged,P=>{const v=W(P,x[l||c.initType]);n.value=v})}function U(P){u.value=B[P].text}function C(){var P;g.value=!!(l!=null&&l.includes("a")||(P=c.initType)!=null&&P.includes("a"))}a.onBeforeMount(()=>{c.setColorPresets(m.value||["#eaecf3"])}),a.onMounted(()=>{$(),E(),D(),G()}),Z(),a.watch(u,()=>{F.value=W(new R(n.value),x[l||c.initType]),r.value=new R(F.value),C()}),a.watch(n,P=>{W(c.value,c.initType)!==P&&P!==null&&T(P),U(z(c.initType))}),a.watch(r,P=>{n.value=W(P,x[l||c.initType]),T(n.value),F.value=n.value});function J(P){const v=document.getElementById(`farris-color-picker-plus-input-${p}`);(P===""||P===void 0||P==null)&&!f.value?(n.value=null,v.style.borderColor="red",V.className="btn btn-secondary disabled"):(v.style.borderColor="#dcdfe6",V.className="btn btn-secondary")}function ae(P){var v,A;if(P==null||P.stopPropagation(),f.value){w.value=(n==null?void 0:n.value)??null;const K={elementValue:w};e.emit("valueChanged",K),Y()}if(!f.value&&!(F.value===void 0||F.value==null||F.value==="")){(A=(v=H.value)==null?void 0:v.style)==null||A.setProperty("background",n.value),h.value=!0,w.value=n.value;const K={elementValue:w};e.emit("valueChanged",K),Y()}!k.value&&!n.value&&!h.value&&f&&Y(),J(n.value),F.value=n.value,V.classList.contains("disabled")||(X.value=n.value,b.value=!1)}function T(P){c==null||c.setValueFrom(P,p,f.value)}function oe(P){S=document.getElementById(`farris-color-picker-panel-${p}`);const v=S.className==="color-picker-panel";d.value||v||(b.value=!0,S.classList.toggle("disabled"),E(),T(n.value),P.stopPropagation())}function Y(){S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function z(P){const v=B.findIndex(A=>A.type===P);return y=v,v}function ee(P){if(!V.classList.contains("disabled")){const v=B.length;y=(v+y+(P==="up"?1:-1))%v,l=B[y].type,U(y),T(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:L},[a.createVNode("div",{class:["color-picker-panel",{disabled:d.value}],id:"farris-color-picker-panel",ref:j,onClick:P=>P.stopPropagation(),style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Ne,{hue:c.hue,"onUpdate:hue":P=>c.hue=P,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null),a.createVNode(Se,{randomId:p,hue:c.hue,"onUpdate:hue":P=>c.hue=P,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null)]),a.createVNode(Me,{style:M.value,randomId:p,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[a.vShow,q]]),a.withDirectives(a.createVNode("input",{type:"text",title:"color-picker-plus",id:"farris-color-picker-plus-input","onUpdate:modelValue":P=>F.value=P,style:"float:none"},null),[[a.vModelText,F.value]]),a.withDirectives(a.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[a.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>ee("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>ee("down")},null)]),[[a.vShow,q]]),a.createVNode("div",{class:"input-btn"},[a.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:P=>ae(P)},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ve,{color:r.value,"onUpdate:color":P=>r.value=P,hue:c.hue,"onUpdate:hue":P=>c.hue=P,randomId:p,colorPresets:c.presets},null),[[a.vShow,N]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{title:"color-picker-input",type:"text",class:"color-picker-input form-control",value:X.value,readonly:d.value,onClick:P=>P.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:oe},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:Q.value},null)])])])])}});function dt(t,e,r){var Q;const n="",d="",w=a.ref();let f;function m(){return(e==null?void 0:e.schema.componentType)!=="frame"}function b(){return!1}function g(){return(e==null?void 0:e.schema.componentType)!=="frame"}function h(){return(e==null?void 0:e.schema.componentType)==="frame"}function u(M){if(!M||!M.value)return null;if(M.value.schema&&M.value.schema.type==="component")return M.value;const B=a.ref(M==null?void 0:M.value.parent),$=u(B);return $||null}function p(M=e){var D;const{componentInstance:B,designerItemElementRef:$}=M;if(!B||!B.value)return null;const{getCustomButtons:E}=B.value;return B.value.canMove||E&&((D=E())!=null&&D.length)?$:p(M.parent)}function y(M){return!1}function l(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function c(){}function k(M,B){var $;!M||!B||($=e==null?void 0:e.setupContext)==null||$.emit("dragEnd")}function S(M,B){const{componentType:$}=M;let E=Be.getSchemaByTypeForDesigner($,M,B);const D=$.toLowerCase().replace(/-/g,"_");return E&&!E.id&&E.type===$&&(E.id=`${D}_${Math.random().toString().slice(2,6)}`),E}function V(M){}function H(...M){}function L(M){if(!M)return;const B=e==null?void 0:e.schema,{formSchemaUtils:$}=M;if(B&&$.getExpressions().length){const E=$.getExpressions().findIndex(D=>D.target===B.id);E>-1&&$.getExpressions().splice(E,1)}}function j(M){if(!M||!(e!=null&&e.schema))return;const B=e.schema,{formSchemaUtils:$}=M;$.removeCommunicationInComponent(B)}function O(M){L(M),j(M),e!=null&&e.schema.contents&&e.schema.contents.map(B=>{let $=B.id;B.type==="component-ref"&&($=B.component);const E=t.value.querySelectorAll(`#${$}-design-item`);E!=null&&E.length&&Array.from(E).map(D=>{var G;(G=D==null?void 0:D.componentInstance)!=null&&G.value.onRemoveComponent&&D.componentInstance.value.onRemoveComponent(M)})})}function F(){}function X(M){var $,E;if(!(($=e==null?void 0:e.schema)!=null&&$.id))return;!f&&M&&(f=M.formSchemaUtils);let B="";{const{text:D,title:G,label:Z,mainTitle:U,name:C,type:J}=e.schema;B=D||G||Z||U||C||((E=ge[J])==null?void 0:E.name)}B&&f.getControlBasicInfoMap().set(e.schema.id,{componentTitle:B,parentPathName:B})}function N(M){var D;const{changeObject:B}=M,{propertyID:$,propertyValue:E}=B;if(["text","title","label","name","mainTitle"].includes((D=M==null?void 0:M.changeObject)==null?void 0:D.propertyID)&&$&&E&&(X(),f)){const G=f.getControlBasicInfoMap(),Z=G.keys().toArray().filter(U=>{var C,J;return((C=G.get(U))==null?void 0:C.reliedComponentId)===((J=e==null?void 0:e.schema)==null?void 0:J.id)});Z!=null&&Z.length&&Z.forEach(U=>{const C=G.get(U).parentPathName.split(" > ");C[0]=E,G.get(U).parentPathName=C.join(" > ")})}}function q(M){N(M)}return w.value={canMove:m(),canSelectParent:b(),canDelete:g(),canNested:!h(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(Q=e==null?void 0:e.parent)==null?void 0:Q.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:d,canAccepts:y,getBelongedComponentInstance:u,getDraggableDesignItemElement:p,getDraggingDisplayText:l,getPropConfig:H,getDragScopeElement:c,onAcceptMovedChildElement:k,onChildElementMovedOut:V,addNewChildComponentSchema:S,triggerBelongedComponentToMoveWhenMoved:a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:a.ref(!1),onRemoveComponent:O,getCustomButtons:F,onPropertyChanged:q,setComponentBasicInfoMap:X,updateContextSchema:e==null?void 0:e.updateContextSchema},w}const pt=a.defineComponent({name:"FColorPickerDesign",props:ie,emits:["valueChanged","activeChange","update:color","update:hue"],setup(t,e){const r=a.ref(new R(t.color)),n=a.ref(t.color),d=a.ref(t.disabled),w=a.ref(t.color),f=a.ref(t.allowColorNull),m=a.ref(t.presets),b=a.ref(!1),g=a.ref(!1),h=a.ref(!1),u=a.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let y=-1,l;const c=new de("#000000"),k=a.ref(t.color);let S,V;const H=a.ref(null),L=a.ref(null),j=a.ref(),O=a.inject("design-item-context"),F=dt(j,O);a.onMounted(()=>{j.value.componentInstance=F}),e.expose(F.value);const X=a.computed(()=>!l&&c&&c.initType?c.initType:l),N=a.computed({get(){return l&&n.value!==null?(ee(l),W(new R(n.value),x[l])):n.value},set(v){v!==null&&(Y(v),T(v))}}),q=a.ref(N.value),Q=a.computed(()=>y>-1),M=a.computed(()=>m.value.length>0),B=a.computed(()=>({"background-color":w.value})),$=a.computed(()=>g.value&&b.value?"display:flex":"display:none"),E=[{text:"HEX",type:x.hex},{text:"RGBA",type:x.rgba}];function D(){const v=document.getElementById("farris-color-picker-panel");v.id=`farris-color-picker-panel-${p}`;const A=document.getElementById("farris-color-picker-plus-sure");A.id=`farris-color-picker-plus-sure-${p}`;const K=document.getElementById("farris-color-picker-plus-input");K.id=`farris-color-picker-plus-input-${p}`,V=document.getElementById(`farris-color-picker-plus-sure-${p}`),S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function G(){if(!f.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const A=document.getElementById(`farris-color-picker-plus-input-${p}`);A.style.borderColor="red"}}function Z(){n.value&&(Y(n.value),!n.value&&f.value||(n.value=W(new R(n.value),x[X.value])),q.value=N.value),J(ee(c.initType))}function U(){n.value&&Y(n.value),c.hasPresets()||c.setColorPresets(m.value),n.value?w.value=W(new R(n.value),x[X.value]):!n.value&&f.value&&(w.value=null)}function C(){a.watch(c.valueChanged,v=>{const A=W(v,x[l||c.initType]);n.value=A})}function J(v){u.value=E[v].text}function ae(){var v;g.value=!!(l!=null&&l.includes("a")||(v=c.initType)!=null&&v.includes("a"))}a.onBeforeMount(()=>{c.setColorPresets(m.value||["#eaecf3"])}),a.onMounted(()=>{D(),G(),Z(),U()}),C(),a.watch(u,()=>{N.value=W(new R(n.value),x[l||c.initType]),r.value=new R(N.value),ae()}),a.watch(n,v=>{W(c.value,c.initType)!==v&&v!==null&&Y(v),J(ee(c.initType))}),a.watch(r,v=>{n.value=W(v,x[l||c.initType]),Y(n.value),N.value=n.value});function T(v){const A=document.getElementById(`farris-color-picker-plus-input-${p}`);(v===""||v===void 0||v==null)&&!f.value?(n.value=null,A.style.borderColor="red",V.className="btn btn-secondary disabled"):(A.style.borderColor="#dcdfe6",V.className="btn btn-secondary")}function oe(){var v,A;if(f.value){w.value=(n==null?void 0:n.value)??null;const K={elementValue:w};e.emit("valueChanged",K),S.classList.toggle("disabled")}if(!f.value&&!(N.value===void 0||N.value==null||N.value==="")){(A=(v=H.value)==null?void 0:v.style)==null||A.setProperty("background",n.value),h.value=!0,w.value=n.value;const K={elementValue:w};e.emit("valueChanged",K),S.classList.toggle("disabled")}!k.value&&!n.value&&!h.value&&f&&S.classList.toggle("disabled"),T(n.value),N.value=n.value,V.classList.contains("disabled")||(q.value=n.value,b.value=!1)}function Y(v){c==null||c.setValueFrom(v,p,f.value)}function z(v){d.value||(b.value=!0,S.classList.toggle("disabled"),G(),Y(n.value))}function ee(v){const A=E.findIndex(K=>K.type===v);return y=A,A}function P(v){if(!V.classList.contains("disabled")){const A=E.length;y=(A+y+(v==="up"?1:-1))%A,l=E[y].type,J(y),Y(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:j},[a.createVNode("div",{class:["color-picker-panel",{disabled:d.value}],id:"farris-color-picker-panel",ref:L,onClick:v=>v.stopPropagation,style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Ne,{hue:c.hue,"onUpdate:hue":v=>c.hue=v,allowColorNull:f.value,color:r.value,"onUpdate:color":v=>r.value=v},null),a.createVNode(Se,{randomId:p,hue:c.hue,"onUpdate:hue":v=>c.hue=v,allowColorNull:f.value,color:r.value,"onUpdate:color":v=>r.value=v},null)]),a.createVNode(Me,{style:$.value,randomId:p,allowColorNull:f.value,color:r.value,"onUpdate:color":v=>r.value=v},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[a.vShow,M]]),a.withDirectives(a.createVNode("input",{title:"color-picker-plus-input",type:"text",id:"farris-color-picker-plus-input","onUpdate:modelValue":v=>N.value=v,style:"float:none"},null),[[a.vModelText,N.value]]),a.withDirectives(a.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[a.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>P("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>P("down")},null)]),[[a.vShow,M]]),a.createVNode("div",{class:"input-btn"},[a.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:oe},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ve,{color:r.value,"onUpdate:color":v=>r.value=v,colorPresets:c.presets,hue:c.hue,"onUpdate:hue":v=>c.hue=v,randomId:p},null),[[a.vShow,Q]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{type:"text",class:"color-picker-input form-control",value:q.value,readonly:d.value,onClick:v=>v.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:z},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:B.value},null)])])])])}});re.register=(t,e,r)=>{t["color-picker"]=re,e["color-picker"]=ce},re.registerDesigner=(t,e,r)=>{t["color-picker"]=pt,e["color-picker"]=ce};const ft=$e.withInstall(re);I.FColorPicker=re,I.colorPickerProps=ie,I.default=ft,I.propsResolver=ce,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|
|
1
|
+
(function(I,a){typeof exports=="object"&&typeof module<"u"?a(exports,require("vue"),require("lodash-es"),require("../dynamic-resolver/index.umd.js"),require("../common/index.umd.js")):typeof define=="function"&&define.amd?define(["exports","vue","lodash-es","../dynamic-resolver/index.umd.js","../common/index.umd.js"],a):(I=typeof globalThis<"u"?globalThis:I||self,a(I["color-picker"]={},I.Vue,I.LodashES,I.dynamicResolver,I.common))})(this,function(I,a,_,Be,$e){"use strict";var ht=Object.defineProperty;var gt=(I,a,_)=>a in I?ht(I,a,{enumerable:!0,configurable:!0,writable:!0,value:_}):I[a]=_;var o=(I,a,_)=>gt(I,typeof a!="symbol"?a+"":a,_);function pe(t,e){let r;function n(u){const{properties:p,title:v,ignore:l}=u,c=l&&Array.isArray(l),k=Object.keys(p).reduce((S,M)=>((!c||!l.find(E=>E===M))&&(S[M]=p[M].type==="object"&&p[M].properties?n(p[M]):_.cloneDeep(p[M].default)),S),{});if(v&&(!c||!l.find(S=>S==="id"))){const S=v.toLowerCase().replace(/-/g,"_");k.id=`${S}_${Math.random().toString().slice(2,6)}`}return k}function d(u){const{properties:p,title:v,required:l}=u;if(l&&Array.isArray(l)){const c=l.reduce((k,S)=>(k[S]=p[S].type==="object"&&p[S].properties?n(p[S]):_.cloneDeep(p[S].default),k),{});if(v&&l.find(k=>k==="id")){const k=v.toLowerCase().replace(/-/g,"_");c.id=`${k}_${Math.random().toString().slice(2,6)}`}return c}return{type:v}}function w(u,p={},v){const l=t[u];if(l){let c=d(l);const k=e[u];return c=k?k({getSchemaByType:w},c,p,v):c,r!=null&&r.appendIdentifyForNewControl&&r.appendIdentifyForNewControl(c),c}return null}function f(u,p){const v=n(p);return Object.keys(v).reduce((l,c)=>(Object.prototype.hasOwnProperty.call(u,c)&&(l[c]&&_.isPlainObject(l[c])&&_.isPlainObject(u[c]||!u[c])?Object.assign(l[c],u[c]||{}):l[c]=u[c]),l),v),v}function m(u,p){return Object.keys(u).filter(l=>u[l]!=null).reduce((l,c)=>{if(p.has(c)){const k=p.get(c);if(typeof k=="string")l[k]=u[c];else{const S=k(c,u[c],u);Object.assign(l,S)}}else l[c]=u[c];return l},{})}function b(u,p,v=new Map){const l=f(u,p);return m(l,v)}function g(u){var v;const p=u.type;if(p){const l=t[p];if(!l)return u;const c=f(u,l),k=((v=u.editor)==null?void 0:v.type)||"";if(k){const S=t[k],M=f(u.editor,S);c.editor=M}return c}return u}function h(u){r=u}return{getSchemaByType:w,resolveSchemaWithDefaultValue:g,resolveSchemaToProps:b,mappingSchemaToProps:m,setDesignerContext:h}}const fe={},he={},{getSchemaByType:mt,resolveSchemaWithDefaultValue:Re,resolveSchemaToProps:Oe,mappingSchemaToProps:Ee,setDesignerContext:vt}=pe(fe,he);function He(t={}){function e(g,h,u,p){if(typeof u=="number")return p[g].length===u;if(typeof u=="object"){const v=Object.keys(u)[0],l=u[v];if(v==="not")return Number(p[g].length)!==Number(l);if(v==="moreThan")return Number(p[g].length)>=Number(l);if(v==="lessThan")return Number(p[g].length)<=Number(l)}return!1}function r(g,h,u,p){return p[g]&&p[g].propertyValue&&String(p[g].propertyValue.value)===String(u)}const n=new Map([["length",e],["getProperty",r]]);Object.keys(t).reduce((g,h)=>(g.set(h,t[h]),g),n);function d(g,h){const u=g;return typeof h=="number"?[{target:u,operator:"length",param:null,value:Number(h)}]:typeof h=="boolean"?[{target:u,operator:"getProperty",param:g,value:!!h}]:typeof h=="object"?Object.keys(h).map(p=>{if(p==="length")return{target:u,operator:"length",param:null,value:h[p]};const v=p,l=h[p];return{target:u,operator:"getProperty",param:v,value:l}}):[]}function w(g){return Object.keys(g).reduce((u,p)=>{const v=d(p,g[p]);return u.push(...v),u},[])}function f(g,h){if(n.has(g.operator)){const u=n.get(g.operator);return u&&u(g.target,g.param,g.value,h)||!1}return!1}function m(g,h){return w(g).reduce((v,l)=>v&&f(l,h),!0)}function b(g,h){const u=Object.keys(g),p=u.includes("allOf"),v=u.includes("anyOf"),l=p||v,S=(l?g[l?p?"allOf":"anyOf":"allOf"]:[g]).map(E=>m(E,h));return p?!S.includes(!1):S.includes(!0)}return{parseValueSchema:b}}const Fe={convertTo:(t,e,r,n)=>{t.appearance||(t.appearance={}),t.appearance[e]=r},convertFrom:(t,e,r)=>t.appearance?t.appearance[e]:t[e]},De={convertFrom:(t,e,r)=>t.buttons&&t.buttons.length?`共 ${t.buttons.length} 项`:"无"},je={convertTo:(t,e,r,n)=>{t.editor&&(t.editor[e]=r)},convertFrom:(t,e,r)=>t.editor&&Object.prototype.hasOwnProperty.call(t.editor,e)?t.editor[e]:t[e]},ge={button:{type:"button",name:"按钮"},"response-toolbar":{type:"response-toolbar",name:"工具栏"},"response-toolbar-item":{type:"response-toolbar-item",name:"按钮"},"content-container":{type:"content-container",name:"容器"},"input-group":{type:"input-group",name:"文本"},textarea:{type:"textarea",name:"多行文本"},lookup:{type:"lookup",name:"帮助"},"number-spinner":{type:"number-spinner",name:"数值"},"date-picker":{type:"date-picker",name:"日期"},switch:{type:"switch",name:"开关"},"radio-group":{type:"radio-group",name:"单选组"},"check-box":{type:"check-box",name:"复选框"},"check-group":{type:"check-group",name:"复选框组"},"combo-list":{type:"combo-list",name:"下拉列表"},"response-form":{type:"response-form",name:"卡片面板"},"response-layout":{type:"response-layout",name:"布局容器",icon:"response-layout-3"},"response-layout-item":{type:"response-layout-item",name:"布局",icon:"response-layout-1"},"tree-grid":{type:"tree-grid",name:"树表格"},"tree-grid-column":{type:"tree-grid-column",name:"树表格列"},"data-grid":{type:"data-grid",name:"表格"},"data-grid-column":{type:"data-grid-column",name:"表格列"},module:{type:"Module",name:"模块"},component:{type:"component",name:"组件"},tabs:{type:"tabs",name:"标签页"},"tab-page":{type:"tab-page",name:"标签页项",dependentParentControl:"Tab"},"tab-toolbar-item":{type:"tab-toolbar-item",name:"标签页工具栏按钮"},"html-template":{type:"html-template",name:"模板容器"},"time-picker":{type:"time-picker",name:"时间选择"},section:{type:"section",name:"分组面板"},"section-toolbar":{type:"section-toolbar",name:"分组面板工具栏"},"section-toolbar-item":{type:"section-toolbar-item",name:"分组面板按钮"},splitter:{type:"splitter",name:"分栏面板"},"splitter-pane":{type:"splitter-pane",name:"分栏面板项",dependentParentControl:"Splitter"},"component-ref":{type:"component-ref",name:"组件引用节点"},uploader:{type:"uploader",name:"附件上传"},"page-header":{type:"page-header",name:"页头"},"page-footer":{type:"page-footer",name:"页脚"},"tab-toolbar":{type:"tab-toolbar",name:"标签页工具栏"},fieldset:{type:"fieldset",name:"分组"},"query-solution":{type:"query-solution",name:"筛选方案"},drawer:{type:"drawer",name:"抽屉"},"external-container":{type:"external-container",name:"外部容器",icon:"content-container"},"list-nav":{type:"list-nav",name:"列表导航"},"list-view":{type:"list-view",name:"列表"},"filter-bar":{type:"filter-bar",name:"筛选条"},"language-textbox":{type:"language-textbox",name:"多语输入框"}},Ae={convertFrom:(t,e,r)=>{var d;const n=t.editor&&t.editor[e]?t.editor[e]:t[e];return((d=ge[n])==null?void 0:d.name)||n}},xe={convertTo:(t,e,r,n)=>{t[e]=t[e]},convertFrom:(t,e,r)=>t.editor?r.getRealEditorType(t.editor.type):""},Le={convertTo:(t,e,r,n)=>{(t.type==="data-grid-column"||t.type==="tree-grid-column")&&(t.formatter?t.formatter[e]=r:t.formatter={[e]:r})},convertFrom:(t,e,r)=>{if(t.formatter){if(e==="trueText")return t.formatter.trueText;if(e==="falseText")return t.formatter.falseText;if(e==="prefix")return t.formatter.prefix;if(e==="suffix")return t.formatter.suffix;if(e==="precision")return t.formatter.precision;if(e==="decimal")return t.formatter.decimal;if(e==="thousand")return t.formatter.thousand;if(e==="dateFormat")return t.formatter.dateFormat||"yyyy-MM-dd";if(e==="customFormat")return t.formatter.customFormat;if(e==="type")return t.formatter.type||"none"}return"none"}},qe={convertTo:(t,e,r,n)=>{t.command?t.command[e]=r:t.command={[e]:r},e==="enable"&&r&&(t.command.commands||(t.command.commands=[{text:"编辑",type:"primary",command:"edit"},{text:"删除",type:"danger",command:"remove"}]))},convertFrom:(t,e,r)=>t.command&&e==="enable"?t.command.enable:""},Ue={convertTo:(t,e,r,n)=>{t.column?t.column[e]=r:t.column={[e]:r},e==="fitColumns"&&r&&(t.column.fitMode||(t.column.fitMode="average"))},convertFrom:(t,e,r)=>{if(t.column){if(e==="fitColumns")return t.column.fitColumns;if(e==="fitMode")return t.column.fitMode}return""}},Ie={convertTo:(t,e,r,n)=>{t.summary?t.summary[e]=r:t.summary={[e]:r},e==="enable"&&r&&(t.summary?t.summary.groupFields||(t.summary.groupFields=[]):t.summary={enable:r,groupFields:[]})},convertFrom:(t,e,r)=>t.summary&&e==="enable"?t.summary.enable:t.type==="data-grid-column"?t.enableSummary===void 0?!1:t.enableSummary:""},Xe={convertTo:(t,e,r,n)=>{t.group?t.group[e]=r:t.group={[e]:r},e==="enable"&&r&&(t.group?t.group.groupFields||(t.group.groupFields=[]):t.group={enable:r,groupFields:[],showSummary:!1})},convertFrom:(t,e,r)=>{if(t.group){if(e==="enable")return t.group.enable;if(e==="showSummary")return t.group.showSummary}}},Ge={convertFrom:(t,e)=>t.binding?t.binding.path:"",convertTo:(t,e,r)=>{if(r&&r.length>0){const n=r[0];t.binding||(t.binding={}),t.binding.type="Form",t.binding.path=n.bindingField,t.binding.field=n.id,t.binding.fullPath=n.path,t.path=n.bindingPath}}},ze={convertTo:(t,e,r,n)=>{t.pagination||(t.pagination={}),t.pagination[e]=r},convertFrom:(t,e,r)=>t.pagination?t.pagination[e]:t[e]},We={convertTo:(t,e,r,n)=>{t.rowNumber||(t.rowNumber={}),t.rowNumber[e]=r},convertFrom:(t,e,r)=>t.rowNumber?t.rowNumber[e]:t[e]},Ye={convertTo:(t,e,r,n)=>{t.selection||(t.selection={}),t.selection[e]=r},convertFrom:(t,e,r)=>{var n,d;return e==="showCheckbox"?(n=t.selection)!=null&&n.multiSelect?!0:(d=t.selection)==null?void 0:d.showCheckbox:t.selection?t.selection[e]:t[e]}},Ce={convertFrom:(t,e,r)=>t[e]&&t[e].length?`共 ${t[e].length} 项`:""},Je={convertFrom:(t,e)=>t[e]||"",convertTo:(t,e,r)=>{t[e]=r}},Qe={convertTo:(t,e,r,n)=>{t.size||(t.size={}),t.size[e]=r},convertFrom:(t,e,r)=>t.size?t.size[e]:t[e]},Ze={convertFrom:(t,e,r)=>{var n,d;return(n=t.formatter)!=null&&n.data&&e==="formatterEnumData"&&!t.formatterEnumData?(d=t.formatter)==null?void 0:d.data:t.formatterEnumData}},Te={convertTo:(t,e,r,n)=>{t.sort||(t.sort={}),t.sort[e]=r},convertFrom:(t,e,r)=>{var n,d;if(e==="mode")return((n=t.sort)==null?void 0:n.mode)||"client";if(e==="multiSort")return!!((d=t.sort)!=null&&d.multiSort)}},Ke={convertTo:(t,e,r,n)=>{t.filter||(t.filter={}),t.filter[e]=r},convertFrom:(t,e,r)=>{var n;if(e==="mode")return((n=t.filter)==null?void 0:n.mode)||"client"}},_e={convertTo:(t,e,r,n)=>{t.rowOption?t.rowOption[e]=r:t.rowOption={[e]:r}},convertFrom:(t,e,r)=>{if(t.rowOption){if(e==="customRowStyle")return t.rowOption.customRowStyle;if(e==="customCellStyle")return t.rowOption.customCellStyle}return""}};function me(t,e,r){const n=new Map([["/converter/appearance.converter",Fe],["/converter/buttons.converter",De],["/converter/property-editor.converter",je],["/converter/items-count.converter",Ce],["/converter/type.converter",Ae],["/converter/change-editor.converter",xe],["/converter/change-formatter.converter",Le],["/converter/column-command.converter",qe],["/converter/column-option.converter",Ue],["/converter/summary.converter",Ie],["/converter/group.converter",Xe],["/converter/form-group-label.converter",Je],["/converter/field-selector.converter",Ge],["/converter/pagination.converter",ze],["/converter/row-number.converter",We],["/converter/grid-selection.converter",Ye],["/converter/size.converter",Qe],["/converter/change-formatter-enum.converter",Ze],["/converter/grid-sort.converter",Te],["/converter/grid-filter.converter",Ke],["/converter/row-option.converter",_e]]),d=new Map([["string",{type:"input-group",enableClear:!1}],["boolean",{type:"combo-list",textField:"name",valueField:"value",idField:"value",enableClear:!1,editable:!1,data:[{value:!0,name:"是"},{value:!1,name:"否"}]}],["enum",{type:"combo-list",maxHeight:128,enableClear:!1,editable:!1}],["array",{type:"button-edit"}],["number",{type:"number-spinner",placeholder:""}],["events-editor",{type:"events-editor",hide:!0}]]),w=He();function f(l,c){return()=>w.parseValueSchema(l,c)}function m(l,c,k){return l.includes("visible")&&c.visible!==void 0?typeof c.visible=="boolean"?()=>!!c.visible:c.visible===void 0?!0:f(c.visible,k):()=>!0}function b(l,c,k){return l.includes("readonly")&&c.readonly!==void 0?typeof c.readonly=="boolean"?()=>!!c.readonly:f(c.readonly,k):()=>!1}function g(l,c){const k=l.$converter||c;return typeof k=="string"&&k&&n.has(k)?n.get(k)||null:k||null}function h(l,c,k,S,M,E="",L=""){return Object.keys(l).map(H=>{const F=a.ref(1),X=H,N=l[H],q=Object.keys(N),Q=N.title,V=N.type,B=d.get(V)||{type:"input-group",enableClear:!1},$=N.editor?Object.assign({},B,N.editor):Object.assign({},B),O=m(q,N,c),j=b(q,N,c);$.readonly=$.readonly===void 0?j():$.readonly;const G=N.type==="cascade"?h(N.properties,c,k,S,M,E,L):[],Z=!0;let U=g(N,L);const C=a.computed({get(){if(F.value){if(["class","style"].find(ee=>ee===X)&&!U&&(U=n.get("/converter/appearance.converter")||null),U&&U.convertFrom)return U.convertFrom(k,H,M,E);const z=k[H];return Object.prototype.hasOwnProperty.call(N,"defaultValue")&&(z===void 0||typeof z=="string"&&z==="")?N.type==="boolean"?N.defaultValue:N.defaultValue||"":z}return null},set(z){F.value+=1,U&&U.convertTo?(U.convertTo(S,H,z,M,E),U.convertTo(k,H,z,M,E)):(S[H]=z,k[H]=z)}}),{refreshPanelAfterChanged:J,description:ae,isExpand:T,parentPropertyID:oe}=N,Y={propertyID:X,propertyName:Q,propertyType:V,propertyValue:C,editor:$,visible:O,readonly:j,cascadeConfig:G,hideCascadeTitle:Z,refreshPanelAfterChanged:J,description:ae,isExpand:T,parentPropertyID:oe};return c[X]=Y,Y})}function u(l,c,k={}){const S={},M=t[l];return M&&M.categories?Object.keys(M.categories).map(L=>{const D=M.categories[L],H=D==null?void 0:D.title,F=h(D.properties||{},S,{},k,c);return{categoryId:L,categoryName:H,properties:F}}):[]}function p(l,c,k,S,M=""){const E=c.$ref.schema,L=c.$ref.converter,D=k[E],H=D.type,F=r(D),X={},N=t[H];if(N&&N.categories){const q=N.categories[l],Q=q==null?void 0:q.title;L&&Object.keys(q.properties).forEach($=>{q.properties[$].$converter=L});const V=(q==null?void 0:q.properties)||{},B=h(V,X,F,D,S,M);return{categoryId:l,categoryName:Q,properties:B}}return{categoryId:l,categoryName:"",properties:[]}}function v(l,c,k,S,M){const E=l.type,L=r(l),D={};let H=M||t[E];if(H&&Object.keys(H).length===0&&k&&k.getPropConfig&&(H=k.getPropConfig(S)),H&&H.categories){const F=[];return Object.keys(H.categories).map(X=>{const N=H.categories[X];if(N.$ref){F.push(p(X,N,l,c,S));return}const q=N==null?void 0:N.title,Q=N==null?void 0:N.tabId,V=N==null?void 0:N.tabName,B=N==null?void 0:N.hide,$=N==null?void 0:N.hideTitle,O=h(N.properties||{},D,L,l,c,S,N.$converter),{setPropertyRelates:j}=N,G=N==null?void 0:N.parentPropertyID;F.push({categoryId:X,categoryName:q,tabId:Q,tabName:V,hide:B,properties:O,hideTitle:$,setPropertyRelates:j,parentPropertyID:G})}),F}return[]}return{getPropertyConfigBySchema:v,getPropertyConfigByType:u,propertyConverterMap:n}}const ve={},ye={};me(ve,ye,Re);const we={},be={},{getSchemaByType:yt,resolveSchemaWithDefaultValue:et,resolveSchemaToProps:wt,mappingSchemaToProps:bt,setDesignerContext:kt}=pe(we,be),ke={},Pe={};me(ke,Pe,et);function tt(t,e,r=new Map,n=(f,m,b,g)=>m,d={},w=f=>f){return fe[e.title]=e,he[e.title]=n,ve[e.title]=d,ye[e.title]=w,we[e.title]=e,be[e.title]=n,ke[e.title]=d,Pe[e.title]=w,(f={},m=!0)=>{if(!m)return Ee(f,r);const b=Oe(f,e,r),g=Object.keys(t).reduce((h,u)=>(h[u]=t[u].default,h),{});return Object.assign(g,b)}}const nt={$schema:"https://json-schema.org/draft/2020-12/schema",$id:"https://farris-design.gitee.io/color-picker.schema.json",title:"color-picker",description:"A Farris Component",type:"object",properties:{id:{description:"The unique identifier for color picker",type:"string"},type:{description:"The type string of color picker",type:"string",default:"color-picker"},appearance:{description:"",type:"object",properties:{class:{type:"string"},style:{type:"string"}},default:{}},binding:{description:"",type:"object",default:{}},disable:{type:"string",default:!1},editable:{description:"",type:"boolean",default:!0},placeholder:{description:"",type:"string",default:""},readonly:{description:"",type:"boolean",default:!1},require:{description:"",type:"boolean",default:!1},tabindex:{description:"",type:"number",default:-1},visible:{description:"",type:"boolean",default:!0}},required:["id","type"]};function rt(t,e,r){return e}function at(t,e){return{customClass:e.class,customStyle:e.style}}const ot=new Map([["appearance",at]]),it={title:"color-picker",description:"A Farris Component",type:"object",categories:{basic:{description:"Basic Infomation",title:"基本信息",properties:{id:{description:"组件标识",title:"标识",type:"string",readonly:!0},type:{description:"组件类型",title:"控件类型",type:"select",editor:{type:"waiting for modification",enum:[]}}}}}},ie={color:{type:String,default:"#e1e2e3"},disabled:{type:Boolean,default:!1},presets:{type:Array,default:[]},allowColorNull:{type:Boolean,default:!1},onValueChanged:{type:Function,default:()=>{}}},ce=tt(ie,nt,ot,rt,it);class se{}class le extends se{constructor(e,r,n,d){super(),this.cyan=e,this.magenta=r,this.yellow=n,this.black=d}toString(){return`cmyk(${this.getCyan()}%, ${this.getMagenta()}%, ${this.getYellow()}%, ${this.getBlack()}%)`}getCyan(){return Math.round(this.cyan)}getMagenta(){return Math.round(this.magenta)}getYellow(){return Math.round(this.yellow)}getBlack(){return Math.round(this.black)}}class te extends se{constructor(e,r,n,d){super(),this.hue=e,this.saturation=r,this.lightness=n,this.alpha=d}toString(e=!0){return e?`hsla(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%, ${this.getAlpha()})`:`hsl(${this.getHue()}, ${this.getSaturation()}%, ${this.getLightness()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getLightness(){return Math.round(this.lightness)}getAlpha(){return Math.round(this.alpha*100)/100}}class ne extends se{constructor(e,r,n,d){super(),this.hue=e,this.saturation=r,this.value=n,this.alpha=d}toString(e=!0){return e?`hsva(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%, ${this.getAlpha()})`:`hsv(${this.getHue()}, ${this.getSaturation()}%, ${this.getValue()}%)`}getHue(){return Math.round(this.hue)}getSaturation(){return Math.round(this.saturation)}getValue(){return Math.round(this.value)}getAlpha(){return Math.round(this.alpha*100)/100}}class s extends se{constructor(e,r,n,d){super(),this.red=e,this.green=r,this.blue=n,this.alpha=d}toString(e=!0){return e?`rgba(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()}, ${this.getAlpha()})`:`rgb(${this.getRed()}, ${this.getGreen()}, ${this.getBlue()})`}getRed(){return Math.round(this.red)}getGreen(){return Math.round(this.green)}getBlue(){return Math.round(this.blue)}getAlpha(){return Math.round(this.alpha*100)/100}}const i=class i{};o(i,"transparent",new s(0,0,0,0)),o(i,"aliceblue",new s(240,248,255,1)),o(i,"antiquewhite",new s(250,235,215,1)),o(i,"aqua",new s(0,255,255,1)),o(i,"aquamarine",new s(127,255,212,1)),o(i,"azure",new s(240,255,255,1)),o(i,"beige",new s(245,245,220,1)),o(i,"bisque",new s(255,228,196,1)),o(i,"black",new s(0,0,0,1)),o(i,"blanchedalmond",new s(255,235,205,1)),o(i,"blue",new s(0,0,255,1)),o(i,"blueviolet",new s(138,43,226,1)),o(i,"brown",new s(165,42,42,1)),o(i,"burlywood",new s(222,184,135,1)),o(i,"cadetblue",new s(95,158,160,1)),o(i,"chartreuse",new s(127,255,0,1)),o(i,"chocolate",new s(210,105,30,1)),o(i,"coral",new s(255,127,80,1)),o(i,"cornflowerblue",new s(100,149,237,1)),o(i,"cornsilk",new s(255,248,220,1)),o(i,"crimson",new s(220,20,60,1)),o(i,"cyan",new s(0,255,255,1)),o(i,"darkblue",new s(0,0,139,1)),o(i,"darkcyan",new s(0,139,139,1)),o(i,"darkgoldenrod",new s(184,134,11,1)),o(i,"darkgray",new s(169,169,169,1)),o(i,"darkgreen",new s(0,100,0,1)),o(i,"darkgrey",i.darkgray),o(i,"darkkhaki",new s(189,183,107,1)),o(i,"darkmagenta",new s(139,0,139,1)),o(i,"darkolivegreen",new s(85,107,47,1)),o(i,"darkorange",new s(255,140,0,1)),o(i,"darkorchid",new s(153,50,204,1)),o(i,"darkred",new s(139,0,0,1)),o(i,"darksalmon",new s(233,150,122,1)),o(i,"darkseagreen",new s(143,188,143,1)),o(i,"darkslateblue",new s(72,61,139,1)),o(i,"darkslategray",new s(47,79,79,1)),o(i,"darkslategrey",i.darkslategray),o(i,"darkturquoise",new s(0,206,209,1)),o(i,"darkviolet",new s(148,0,211,1)),o(i,"deeppink",new s(255,20,147,1)),o(i,"deepskyblue",new s(0,191,255,1)),o(i,"dimgray",new s(105,105,105,1)),o(i,"dimgrey",i.dimgray),o(i,"dodgerblue",new s(30,144,255,1)),o(i,"firebrick",new s(178,34,34,1)),o(i,"floralwhite",new s(255,250,240,1)),o(i,"forestgreen",new s(34,139,34,1)),o(i,"fuchsia",new s(255,0,255,1)),o(i,"gainsboro",new s(220,220,220,1)),o(i,"ghostwhite",new s(248,248,255,1)),o(i,"gold",new s(255,215,0,1)),o(i,"goldenrod",new s(218,165,32,1)),o(i,"gray",new s(128,128,128,1)),o(i,"grey",i.gray),o(i,"green",new s(0,128,0,1)),o(i,"greenyellow",new s(173,255,47,1)),o(i,"honeydew",new s(240,255,240,1)),o(i,"hotpink",new s(255,105,180,1)),o(i,"indianred",new s(205,92,92,1)),o(i,"indigo",new s(75,0,130,1)),o(i,"ivory",new s(255,255,240,1)),o(i,"khaki",new s(240,230,140,1)),o(i,"lavender",new s(230,230,250,1)),o(i,"lavenderblush",new s(255,240,245,1)),o(i,"lawngreen",new s(124,252,0,1)),o(i,"lemonchiffon",new s(255,250,205,1)),o(i,"lightblue",new s(173,216,230,1)),o(i,"lightcoral",new s(240,128,128,1)),o(i,"lightcyan",new s(224,255,255,1)),o(i,"lightgoldenrodyellow",new s(250,250,210,1)),o(i,"lightgray",new s(211,211,211,1)),o(i,"lightgreen",new s(144,238,144,1)),o(i,"lightgrey",i.lightgray),o(i,"lightpink",new s(255,182,193,1)),o(i,"lightsalmon",new s(255,160,122,1)),o(i,"lightseagreen",new s(32,178,170,1)),o(i,"lightskyblue",new s(135,206,250,1)),o(i,"lightslategray",new s(119,136,153,1)),o(i,"lightslategrey",i.lightslategray),o(i,"lightsteelblue",new s(176,196,222,1)),o(i,"lightyellow",new s(255,255,224,1)),o(i,"lime",new s(0,255,0,1)),o(i,"limegreen",new s(50,205,50,1)),o(i,"linen",new s(250,240,230,1)),o(i,"magenta",new s(255,0,255,1)),o(i,"maroon",new s(128,0,0,1)),o(i,"mediumaquamarine",new s(102,205,170,1)),o(i,"mediumblue",new s(0,0,205,1)),o(i,"mediumorchid",new s(186,85,211,1)),o(i,"mediumpurple",new s(147,112,219,1)),o(i,"mediumseagreen",new s(60,179,113,1)),o(i,"mediumslateblue",new s(123,104,238,1)),o(i,"mediumspringgreen",new s(0,250,154,1)),o(i,"mediumturquoise",new s(72,209,204,1)),o(i,"mediumvioletred",new s(199,21,133,1)),o(i,"midnightblue",new s(25,25,112,1)),o(i,"mintcream",new s(245,255,250,1)),o(i,"mistyrose",new s(255,228,225,1)),o(i,"moccasin",new s(255,228,181,1)),o(i,"navajowhite",new s(255,222,173,1)),o(i,"navy",new s(0,0,128,1)),o(i,"oldlace",new s(253,245,230,1)),o(i,"olive",new s(128,128,0,1)),o(i,"olivedrab",new s(107,142,35,1)),o(i,"orange",new s(255,165,0,1)),o(i,"orangered",new s(255,69,0,1)),o(i,"orchid",new s(218,112,214,1)),o(i,"palegoldenrod",new s(238,232,170,1)),o(i,"palegreen",new s(152,251,152,1)),o(i,"paleturquoise",new s(175,238,238,1)),o(i,"palevioletred",new s(219,112,147,1)),o(i,"papayawhip",new s(255,239,213,1)),o(i,"peachpuff",new s(255,218,185,1)),o(i,"peru",new s(205,133,63,1)),o(i,"pink",new s(255,192,203,1)),o(i,"plum",new s(221,160,221,1)),o(i,"powderblue",new s(176,224,230,1)),o(i,"purple",new s(128,0,128,1)),o(i,"red",new s(255,0,0,1)),o(i,"rosybrown",new s(188,143,143,1)),o(i,"royalblue",new s(65,105,225,1)),o(i,"saddlebrown",new s(139,69,19,1)),o(i,"salmon",new s(250,128,114,1)),o(i,"sandybrown",new s(244,164,96,1)),o(i,"seagreen",new s(46,139,87,1)),o(i,"seashell",new s(255,245,238,1)),o(i,"sienna",new s(160,82,45,1)),o(i,"silver",new s(192,192,192,1)),o(i,"skyblue",new s(135,206,235,1)),o(i,"slateblue",new s(106,90,205,1)),o(i,"slategray",new s(112,128,144,1)),o(i,"slategrey",i.slategray),o(i,"snow",new s(255,250,250,1)),o(i,"springgreen",new s(0,255,127,1)),o(i,"steelblue",new s(70,130,180,1)),o(i,"tan",new s(210,180,140,1)),o(i,"teal",new s(0,128,128,1)),o(i,"thistle",new s(216,191,216,1)),o(i,"tomato",new s(255,99,71,1)),o(i,"turquoise",new s(64,224,208,1)),o(i,"violet",new s(238,130,238,1)),o(i,"wheat",new s(245,222,179,1)),o(i,"white",new s(255,255,255,1)),o(i,"whitesmoke",new s(245,245,245,1)),o(i,"yellow",new s(255,255,0,1)),o(i,"yellowgreen",new s(154,205,50,1));let ue=i;class R{constructor(e){o(this,"hsva",new ne(0,1,1,1));o(this,"rgba",new s(255,0,0,1));e&&this.stringToColor(e)}static from(e){return typeof e=="string"?new R(e):e instanceof R?e.clone():e instanceof s?new R().setRgba(e.red,e.green,e.blue,e.alpha):e instanceof ne?new R().setHsva(e.hue,e.saturation,e.value,e.alpha):e instanceof te?new R().setHsla(e.hue,e.saturation,e.lightness,e.alpha):new R(e)}clone(){return R.from(this.getRgba())}setFromString(e){return this.stringToColor(e)}setHsva(e,r=100,n=100,d=1){return e!=null&&(this.hsva.hue=e),r!=null&&(this.hsva.saturation=r),n!=null&&(this.hsva.value=n),d!=null&&(d=d>1?1:d<0?0:d,this.hsva.alpha=d),this.rgba=this.hsvaToRgba(this.hsva),this}setRgba(e,r,n,d=1){return e!=null&&(this.rgba.red=e),r!=null&&(this.rgba.green=r),n!=null&&(this.rgba.blue=n),d!=null&&(d=d>1?1:d<0?0:d,this.rgba.alpha=d),this.hsva=this.rgbaToHsva(this.rgba),this}setHsla(e,r,n,d=1){d!=null&&(d=d>1?1:d<0?0:d,this.rgba.alpha=d);const w=new te(e,r,n,d);return this.rgba=this.hslaToRgba(w),this.hsva=this.rgbaToHsva(this.rgba),this}toHexString(e=!1){let r="#"+(16777216|this.rgba.getRed()<<16|this.rgba.getGreen()<<8|this.rgba.getBlue()).toString(16).substr(1);return e&&(r+=(256|Math.round(this.rgba.alpha*255)).toString(16).substr(1)),r.toUpperCase()}toRgbaString(){return this.rgba.toString()}toRgbString(){return this.rgba.toString(!1)}toHslaString(){return this.getHsla().toString()}toHslString(){return this.getHsla().toString(!1)}toHsvaString(){return this.hsva.toString()}toHsvString(){return this.hsva.toString(!1)}toCmykString(){return this.getCmyk().toString()}getHsva(){return new ne(this.hsva.hue,this.hsva.saturation,this.hsva.value,this.hsva.alpha)}getRgba(){return new s(this.rgba.red,this.rgba.green,this.rgba.blue,this.rgba.alpha)}getHsla(){return this.rgbaToHsla(this.rgba)}getCmyk(){return this.rgbaToCmyk(this.rgba)}hsvaToHsla(e){const{hue:r}=e,n=e.saturation/100,d=e.value/100,w=(2-n)*e.value/2,f=n*d/(w<=1?w:2-w)||0;return new te(r,w*100,f*100,e.alpha)}hslaToHsva(e){const{hue:r}=e,n=e.lightness/100*2,d=e.saturation/100*(n<=1?n:2-n),w=(n+d)/2,f=2*d/(n+d)||0;return new ne(r,f,w,e.alpha)}rgbaToHsva(e){const r=e.red/255,n=e.green/255,d=e.blue/255,{alpha:w}=e,f=Math.max(r,n,d),m=Math.min(r,n,d),b=f-m;let g=0,h=f===0?0:b/f,u=f;if(f!==m){switch(f){case r:g=(n-d)/b+(n<d?6:0);break;case n:g=2+(d-r)/b;break;case d:g=4+(r-n)/b;break}g/=6}return g*=360,h*=100,u*=100,new ne(g,h,u,w)}hsvaToRgba(e){let r=1,n=0,d=0;const w=e.saturation/100,f=e.value/100,{alpha:m}=e,b=e.hue/60,g=Math.floor(b),h=b-g,u=(1-w)*f,p=(1-w*h)*f,v=(1-w*(1-h))*f;switch(g){case 6:case 0:r=f,n=v,d=u;break;case 1:r=p,n=f,d=u;break;case 2:r=u,n=f,d=v;break;case 3:r=u,n=p,d=f;break;case 4:r=v,n=u,d=f;break;case 5:r=f,n=u,d=p;break}return r*=255,n*=255,d*=255,new s(r,n,d,m)}rgbaToHsla(e){const r=e.red/255,n=e.green/255,d=e.blue/255,{alpha:w}=e,f=Math.max(r,n,d),m=Math.min(r,n,d);let b=0,g=0,h=(f+m)/2;const u=f-m;if(f!==m){switch(g=h>.5?u/(2-f-m):u/(f+m),f){case r:b=(n-d)/u+(n<d?6:0);break;case n:b=(d-r)/u+2;break;case d:b=(r-n)/u+4;break}b/=6}return b*=360,g*=100,h*=100,new te(b,g,h,w)}hslaToRgba(e){const r=e.hue/360,n=e.saturation/100,d=e.lightness/100,{alpha:w}=e;let f=d,m=d,b=d;if(n!==0){const g=d<.5?d*(1+n):d+n-d*n,h=2*d-g;f=this.hueToRgb(h,g,r+1/3),m=this.hueToRgb(h,g,r),b=this.hueToRgb(h,g,r-1/3)}return f*=255,m*=255,b*=255,new s(f,m,b,w)}hueToRgb(e,r,n){return n<0&&(n+=1),n>1&&(n-=1),n<1/6?e+(r-e)*6*n:n<1/2?r:n<2/3?e+(r-e)*(2/3-n)*6:e}cmykToRgba(e){const r=e.black/100,n=e.cyan/100,d=e.magenta/100,w=e.yellow/100;let f=Math.min(1,(1-n)*(1-r)),m=Math.min(1,(1-d)*(1-r)),b=Math.min(1,(1-w)*(1-r));return f*=255,m*=255,b*=255,new s(f,m,b,1)}rgbaToCmyk(e){const r=e.red/255,n=e.green/255,d=e.blue/255;let w=1-r,f=1-n,m=1-d,b=Math.min(w,f,m);return b===1?new le(0,0,0,1):(w=(w-b)/(1-b),f=(f-b)/(1-b),m=(m-b)/(1-b),b*=100,w*=100,f*=100,m*=100,new le(w,f,m,b))}roundNumber(e){return Math.round(e*100)/100}stringToColor(e){const r=e.replace(/ /g,"").toLowerCase();let n=ue[e]||null;if(r[0]==="#"){let f=r.substr(1);const{length:m}=f;let b=1,g;if(m===3)g=f.split("").map(h=>h+h);else if(m===6)g=f.match(/.{2}/g);else if(m===8){const h=f.substr(-2);f=f.substr(0,m-2),b=this.roundNumber(parseInt(h||"FF",16)/255),g=f.match(/.{2}/g)}g&&g.length===3&&(n=new s(parseInt(g[0],16),parseInt(g[1],16),parseInt(g[2],16),b))}const d=r.indexOf("("),w=r.indexOf(")");if(d!==-1&&w+1===r.length){const f=r.substr(0,d),m=r.substr(d+1,w-(d+1)).split(",");let b=1,g,h;switch(f){case"rgba":b=parseFloat(m.pop());case"rgb":n=new s(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),b);break;case"hsla":b=parseFloat(m.pop());break;case"hsl":g=new te(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),b),n=this.hslaToRgba(g);break;case"cmyk":h=new le(parseInt(m[0],10),parseInt(m[1],10),parseInt(m[2],10),parseInt(m[3],10)),n=this.cmykToRgba(h);break}}return n&&(this.rgba=n,this.hsva=this.rgbaToHsva(n)),this}}var x=(t=>(t.hex="hex",t.hexa="hexa",t.rgba="rgba",t.rgb="rgb",t.hsla="hsla",t.hsl="hsl",t.cmyk="cmyk",t))(x||{});class de{constructor(e){o(this,"modelValue",null);o(this,"hueValue",null);o(this,"initValue",null);o(this,"valueChanged",a.ref());o(this,"initType",null);o(this,"alphaChannelVisibilityChanges",a.ref());o(this,"colorPresets",[]);const r=e[0],n=R.from(r);this.setValue(n),this.setHueColor(n)}setValueFrom(e,r,n){const d=R.from(e);return this.initValue||(this.initValue=R.from(e)),typeof e=="string"&&this.finOutInputType(e),this.setHueColor(d),this.setValue(d),this}setHueColor(e){(this.hueValue&&e.getHsva().hue>0||!this.hueValue)&&(this.hueValue=new R().setHsva(e.getHsva().hue))}get hue(){return this.hueValue}set hue(e){this.hueValue=e}setValue(e){var r;return this.modelValue=e,(e==null?void 0:e.toRgbaString())===((r=this.valueChanged.value)==null?void 0:r.toRgbaString())&&(this.valueChanged.value=e),this}get value(){return this.modelValue}set value(e){this.setValue(e)}reset(){let e;return this.initValue?(e=this.initValue.clone(),this.setHueColor(e)):(e=R.from(new s(255,0,0,1)),this.hueValue=new R().setHsva(e.getHsva().hue)),this.setValue(e),this}showAlphaChannel(){return this.alphaChannelVisibilityChanges.value=!0,this}finOutInputType(e){const r=e.replace(/ /g,"").toLowerCase();r[0]==="#"&&(this.initType="hex",r.length>7&&(this.initType="hexa"));const n=r.indexOf("(");switch(r.substr(0,n)){case"rgba":this.initType="rgba";break;case"rgb":this.initType="rgb";break;case"hsla":this.initType="hsla";break;case"hsl":this.initType="hsl";break;case"cmyk":this.initType="cmyk";break}}setColorPresets(e){return this.colorPresets=this.setPresets(e),this}setPresets(e){const r=[];return e.map(n=>{Array.isArray(n)?r.push(this.setPresets(n)):r.push(new R(n))}),r}get presets(){return this.colorPresets}hasPresets(){return this.colorPresets.length>0}}o(de,"finOutInputType");function W(t,e){if(!t)return"";switch(e){case x.hex:return t.toHexString();case x.hexa:return t.toHexString(!0);case x.rgb:return t.toRgbString();case x.rgba:return t.toRgbaString();case x.hsl:return t.toHslString();case x.hsla:return t.toHslaString();default:return t.toRgbaString()}}const st={color:{type:Object,default:""},hue:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Se=a.defineComponent({name:"SvPanel",props:st,emits:["update:color"],setup(t,e){const r=a.ref(null),n=a.ref(null),d=a.ref(t.randomId),w=a.ref(t.allowColorNull);function f(){return t.hue?t.hue.toRgbaString():"#3f51b5"}function m(u,p){var v,l;u=Math.max(0,Math.min(u,100)),p=Math.max(0,Math.min(p,100)),r.value&&((v=r.value.style)==null||v.setProperty("top",`${100-p}%`),(l=r.value.style)==null||l.setProperty("left",`${u}%`))}function b(){const u=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);u.className="btn btn-secondary";const p=document.getElementById(`farris-color-picker-plus-input-${d.value}`);p.style.borderColor="#dcdfe6"}function g({x:u,y:p,height:v,width:l}){const c=u*100/l,k=-(p*100/v)+100;m(c,k);const S=t.color==null?"transparent":t.color,M=R.from(S);if(b(),M!=null){const E=t.hue.getHsva(),L=M.getHsva(),D=new R().setHsva(E.hue,c,k,L.alpha);e.emit("update:color",D)}!M&&w.value&&e.emit("update:color",null)}function h(u){if(n.value){const{width:p,height:v,top:l,left:c}=n.value.getBoundingClientRect(),{pageX:k,pageY:S}="touches"in u?u.touches[0]:u,M=Math.max(0,Math.min(k-(c+window.pageXOffset),p)),E=Math.max(0,Math.min(S-(l+window.pageYOffset),v));g({x:M,y:E,height:v,width:p})}}return a.onMounted(()=>{const u=t.color.getHsva();m(u.saturation,u.value)}),a.watch(()=>t.color,u=>{u.getHsva()}),a.watch(()=>t.color,u=>{const p=u.getHsva();m(p.saturation,p.value)}),()=>a.createVNode("div",{class:"f-sv-panel-component",ref:n,style:{backgroundColor:f()},onMousedown:a.withModifiers(u=>h(u),["prevent"]),onTouchstart:a.withModifiers(u=>h(u),["prevent"])},[a.createVNode("div",{class:"color-svpanel__white"},null),a.createVNode("div",{class:"color-svpanel__black"},null),a.createVNode("div",{class:"color-svpanel__cursor",ref:r},[a.createVNode("div",null,null)])])}}),ct={color:{type:Object,default:""},hue:{type:Object,default:""},allowColorNull:{type:Boolean,default:!1},onChange:{type:Function}},Ne=a.defineComponent({name:"Hue",props:ct,emits:["update:color","update:hue"],setup(t,e){const r=a.ref(t.hue),n=a.ref(t.allowColorNull),d=[];function w(l){l.preventDefault(),m(l)}const f=a.ref(null);function m(l){if(f.value){const{width:c,height:k,top:S,left:M}=f.value.getBoundingClientRect(),{pageX:E,pageY:L}="touches"in l?l.touches[0]:l,D=Math.max(0,Math.min(E-(M+window.pageXOffset),c)),H=Math.max(0,Math.min(L-(S+window.pageYOffset),k));v({x:D,y:H,height:k,width:c})}}function b(){d.forEach(l=>l()),d.length=0}function g(l){w(l),document.addEventListener("mouseup",b),document.addEventListener("touchend",b),document.addEventListener("touchmove",w)}const h=l=>{g(l),l.stopPropagation()};a.onMounted(()=>{document.querySelectorAll(".f-hue-component").forEach(k=>{k.addEventListener("mousedown",h),k.addEventListener("touchstart",h)});const c=t.color.getHsva();p(c.hue)});const u=a.ref(null);function p(l){var S;const c=Math.max(0,Math.min(l/360*100,100));u.value&&((S=u.value.style)==null||S.setProperty("top",`${c}%`))}function v({x:l,y:c,height:k,width:S}){const M=c/k*360;p(M);const E=t.color.getHsva(),L=new R().setHsva(M,E.saturation,E.value,E.alpha),D=new R().setHsva(M,100,100,E.alpha);(t.color!=null||t.color==null&&n.value)&&(e.emit("update:hue",D),e.emit("update:color",L))}return a.watch(r,l=>{const c=l.getHsva();p(c.hue)}),a.watch(()=>t.color,l=>{const c=l.getHsva();p(c.hue)}),()=>a.createVNode("div",{class:"f-hue-component",ref:f,onMousedown:a.withModifiers(l=>m(l),["prevent"]),onTouchstart:a.withModifiers(l=>m(l),["prevent"])},[a.createVNode("div",{class:"color-hue-slider__bar"},null),a.createVNode("div",{class:"color-hue-slider__thumb",ref:u},null)])}}),lt={color:{type:Object,default:""},randomId:{type:String,default:""},allowColorNull:{type:Boolean,default:!1}},Me=a.defineComponent({name:"Alpha",props:lt,emits:["update:color"],setup(t,e){const r=a.ref(null),n=a.ref(null),d=a.ref(t.randomId),w=a.ref(t.allowColorNull),f=h=>{var v;const u=Math.max(0,Math.min(h*100,100));n.value&&((v=n.value.style)==null||v.setProperty("left",`${u}%`))};function m(h){if(r.value){const{width:u,height:p,top:v,left:l}=r.value.getBoundingClientRect(),{pageX:c,pageY:k}="touches"in h?h.touches[0]:h,S=Math.max(0,Math.min(c-(l+window.pageXOffset),u)),M=Math.max(0,Math.min(k-(v+window.pageYOffset),p));g({x:S,y:M,height:p,width:u})}}function b(){const h=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);h.className="btn btn-secondary";const u=document.getElementById(`farris-color-picker-plus-input-${d.value}`);u.style.borderColor="#dcdfe6"}const g=({x:h,width:u})=>{const p=h/u;f(p),b();const v=t.color.getHsva(),l=new R().setHsva(v.hue,v.saturation,v.value,p);t.color!=null?e.emit("update:color",l):t.color==null&&w.value&&e.emit("update:color",null)};return a.onMounted(()=>{const h=t.color.getHsva();f(h.alpha)}),a.watch(()=>t.color,h=>{const u=h.getHsva();f(u.alpha)}),()=>a.createVNode("div",{class:"f-alpha-component",ref:r,onMousedown:a.withModifiers(h=>m(h),["prevent"]),onTouchstart:a.withModifiers(h=>m(h),["prevent"])},[a.createVNode("div",{class:"color-alpha-slider__bar"},[a.createTextVNode(" ")]),a.createVNode("div",{class:"color-alpha-slider__thumb",ref:n},null)])}}),ut={color:{type:Object,default:""},hue:{type:Object,default:""},colorPresets:{type:Object,default:""},randomId:{type:String,default:""}},Ve=a.defineComponent({name:"Preset",props:ut,emits:["update:hue","update:color"],setup(t,e){const r=a.ref(new R),n=a.ref(t.colorPresets),d=a.ref(t.randomId);function w(){const g=document.getElementById(`farris-color-picker-plus-sure-${d.value}`);g.className="btn btn-secondary";const h=document.getElementById(`farris-color-picker-plus-input-${d.value}`);h.style.borderColor="#dcdfe6"}function f(g){w();const h=g.getRgba(),u=g.getHsva(),p=new R().setRgba(h.red,h.green,h.blue,h.alpha),v=new R().setHsva(u.hue);r.value=g,e.emit("update:hue",v),e.emit("update:color",p)}function m(g){const h=r.value.getRgba().toString(),u=r.value.getHsva().toString(),p=g.getRgba().toString()===h&&g.getHsva().toString()===u;return{"color-preset__color-selector":p,selected:p}}function b(g,h){return a.createVNode("div",{class:"color-preset__color-selector"},[a.createVNode("div",{key:h,class:m(g),style:{backgroundColor:g.toRgbString()},onClick:()=>f(g)},null)])}return()=>a.createVNode("div",{class:"f-preset-component"},[a.createVNode("div",{class:"color-preset__colors"},[n.value.map((g,h)=>b(g,h))])])}}),re=a.defineComponent({name:"FColorPicker",props:ie,emits:["valueChanged","activeChange","update:color","update:hue"],setup(t,e){const r=a.ref(new R(t.color)),n=a.ref(t.color),d=a.ref(t.disabled),w=a.ref(t.color),f=a.ref(t.allowColorNull),m=a.ref(t.presets),b=a.ref(!1),g=a.ref(!1),h=a.ref(!1),u=a.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let v=-1,l;const c=new de("#000000"),k=a.ref(t.color);let S,M;const E=a.ref(null),L=a.ref(null),D=a.ref(null),H=a.computed(()=>!l&&c&&c.initType?c.initType:l),F=a.computed({get(){return l&&n.value!==null?(z(l),W(new R(n.value),x[l])):n.value},set(P){P!==null&&(T(P),J(P))}}),X=a.ref(F.value),N=a.computed(()=>v>-1),q=a.computed(()=>m.value.length>0),Q=a.computed(()=>({"background-color":w.value})),V=a.computed(()=>g.value&&b.value?"display:flex":"display:none"),B=[{text:"HEX",type:x.hex},{text:"RGBA",type:x.rgba}];function $(){const P=document.getElementById("farris-color-picker-panel");P.id=`farris-color-picker-panel-${p}`;const y=document.getElementById("farris-color-picker-plus-sure");y.id=`farris-color-picker-plus-sure-${p}`;const A=document.getElementById("farris-color-picker-plus-input");A.id=`farris-color-picker-plus-input-${p}`,M=document.getElementById(`farris-color-picker-plus-sure-${p}`),S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function O(){if(!f.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const y=document.getElementById(`farris-color-picker-plus-input-${p}`);y.style.borderColor="red"}}function j(){n.value&&(T(n.value),!n.value&&f.value||(n.value=W(new R(n.value),x[H.value])),X.value=F.value),U(z(c.initType))}function G(){n.value&&T(n.value),c.hasPresets()||c.setColorPresets(m.value),n.value?w.value=W(new R(n.value),x[H.value]):!n.value&&f.value&&(w.value=null)}function Z(){a.watch(c.valueChanged,P=>{const y=W(P,x[l||c.initType]);n.value=y})}function U(P){u.value=B[P].text}function C(){var P;g.value=!!(l!=null&&l.includes("a")||(P=c.initType)!=null&&P.includes("a"))}a.onBeforeMount(()=>{c.setColorPresets(m.value||["#eaecf3"])}),a.onMounted(()=>{$(),O(),j(),G()}),Z(),a.watch(u,()=>{F.value=W(new R(n.value),x[l||c.initType]),r.value=new R(F.value),C()}),a.watch(n,P=>{W(c.value,c.initType)!==P&&P!==null&&T(P),U(z(c.initType))}),a.watch(r,P=>{n.value=W(P,x[l||c.initType]),T(n.value),F.value=n.value});function J(P){const y=document.getElementById(`farris-color-picker-plus-input-${p}`);(P===""||P===void 0||P==null)&&!f.value?(n.value=null,y.style.borderColor="red",M.className="btn btn-secondary disabled"):(y.style.borderColor="#dcdfe6",M.className="btn btn-secondary")}function ae(P){var y,A;if(P==null||P.stopPropagation(),f.value){w.value=(n==null?void 0:n.value)??null;const K={elementValue:w};e.emit("valueChanged",K),Y()}if(!f.value&&!(F.value===void 0||F.value==null||F.value==="")){(A=(y=E.value)==null?void 0:y.style)==null||A.setProperty("background",n.value),h.value=!0,w.value=n.value;const K={elementValue:w};e.emit("valueChanged",K),Y()}!k.value&&!n.value&&!h.value&&f&&Y(),J(n.value),F.value=n.value,M.classList.contains("disabled")||(X.value=n.value,b.value=!1)}function T(P){c==null||c.setValueFrom(P,p,f.value)}function oe(P){S=document.getElementById(`farris-color-picker-panel-${p}`);const y=S.className==="color-picker-panel";d.value||y||(b.value=!0,S.classList.toggle("disabled"),O(),T(n.value),P.stopPropagation())}function Y(){S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function z(P){const y=B.findIndex(A=>A.type===P);return v=y,y}function ee(P){if(!M.classList.contains("disabled")){const y=B.length;v=(y+v+(P==="up"?1:-1))%y,l=B[v].type,U(v),T(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:L},[a.createVNode("div",{class:["color-picker-panel",{disabled:d.value}],id:"farris-color-picker-panel",ref:D,onClick:P=>P.stopPropagation(),style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Ne,{hue:c.hue,"onUpdate:hue":P=>c.hue=P,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null),a.createVNode(Se,{randomId:p,hue:c.hue,"onUpdate:hue":P=>c.hue=P,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null)]),a.createVNode(Me,{style:V.value,randomId:p,allowColorNull:f.value,color:r.value,"onUpdate:color":P=>r.value=P},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[a.vShow,q]]),a.withDirectives(a.createVNode("input",{type:"text",title:"color-picker-plus",id:"farris-color-picker-plus-input","onUpdate:modelValue":P=>F.value=P,style:"float:none"},null),[[a.vModelText,F.value]]),a.withDirectives(a.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[a.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>ee("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>ee("down")},null)]),[[a.vShow,q]]),a.createVNode("div",{class:"input-btn"},[a.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:P=>ae(P)},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ve,{color:r.value,"onUpdate:color":P=>r.value=P,hue:c.hue,"onUpdate:hue":P=>c.hue=P,randomId:p,colorPresets:c.presets},null),[[a.vShow,N]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{title:"color-picker-input",type:"text",class:"color-picker-input form-control",value:X.value,readonly:d.value,onClick:P=>P.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:oe},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:Q.value},null)])])])])}});function dt(t,e,r){var Q;const n="",d="",w=a.ref();let f;function m(){return(e==null?void 0:e.schema.componentType)!=="frame"}function b(){return!1}function g(){return(e==null?void 0:e.schema.componentType)!=="frame"}function h(){return(e==null?void 0:e.schema.componentType)==="frame"}function u(V){if(!V||!V.value)return null;if(V.value.schema&&V.value.schema.type==="component")return V.value;const B=a.ref(V==null?void 0:V.value.parent),$=u(B);return $||null}function p(V=e){var j;const{componentInstance:B,designerItemElementRef:$}=V;if(!B||!B.value)return null;const{getCustomButtons:O}=B.value;return B.value.canMove||O&&((j=O())!=null&&j.length)?$:p(V.parent)}function v(V){return!!r}function l(){return(e==null?void 0:e.schema.label)||(e==null?void 0:e.schema.title)||(e==null?void 0:e.schema.name)}function c(){}function k(V,B){var $;!V||!B||($=e==null?void 0:e.setupContext)==null||$.emit("dragEnd")}function S(V,B){const{componentType:$}=V;let O=Be.getSchemaByTypeForDesigner($,V,B);const j=$.toLowerCase().replace(/-/g,"_");return O&&!O.id&&O.type===$&&(O.id=`${j}_${Math.random().toString().slice(2,6)}`),O}function M(V){}function E(...V){}function L(V){if(!V)return;const B=e==null?void 0:e.schema,{formSchemaUtils:$}=V;if(B&&$.getExpressions().length){const O=$.getExpressions().findIndex(j=>j.target===B.id);O>-1&&$.getExpressions().splice(O,1)}}function D(V){if(!V||!(e!=null&&e.schema))return;const B=e.schema,{formSchemaUtils:$}=V;$.removeCommunicationInComponent(B)}function H(V){L(V),D(V),e!=null&&e.schema.contents&&e.schema.contents.map(B=>{let $=B.id;B.type==="component-ref"&&($=B.component);const O=t.value.querySelectorAll(`#${$}-design-item`);O!=null&&O.length&&Array.from(O).map(j=>{var G;(G=j==null?void 0:j.componentInstance)!=null&&G.value.onRemoveComponent&&j.componentInstance.value.onRemoveComponent(V)})})}function F(){}function X(V){var $,O;if(!(($=e==null?void 0:e.schema)!=null&&$.id))return;!f&&V&&(f=V.formSchemaUtils);let B="";{const{text:j,title:G,label:Z,mainTitle:U,name:C,type:J}=e.schema;B=j||G||Z||U||C||((O=ge[J])==null?void 0:O.name)}B&&f.getControlBasicInfoMap().set(e.schema.id,{componentTitle:B,parentPathName:B})}function N(V){var j;const{changeObject:B}=V,{propertyID:$,propertyValue:O}=B;if(["text","title","label","name","mainTitle"].includes((j=V==null?void 0:V.changeObject)==null?void 0:j.propertyID)&&$&&O&&(X(),f)){const G=f.getControlBasicInfoMap(),Z=G.keys().toArray().filter(U=>{var C,J;return((C=G.get(U))==null?void 0:C.reliedComponentId)===((J=e==null?void 0:e.schema)==null?void 0:J.id)});Z!=null&&Z.length&&Z.forEach(U=>{const C=G.get(U).parentPathName.split(" > ");C[0]=O,G.get(U).parentPathName=C.join(" > ")})}}function q(V){N(V)}return w.value={canMove:m(),canSelectParent:b(),canDelete:g(),canNested:!h(),contents:e==null?void 0:e.schema.contents,elementRef:t,parent:(Q=e==null?void 0:e.parent)==null?void 0:Q.componentInstance,schema:e==null?void 0:e.schema,styles:n,designerClass:d,canAccepts:v,getBelongedComponentInstance:u,getDraggableDesignItemElement:p,getDraggingDisplayText:l,getPropConfig:E,getDragScopeElement:c,onAcceptMovedChildElement:k,onChildElementMovedOut:M,addNewChildComponentSchema:S,triggerBelongedComponentToMoveWhenMoved:a.ref(!1),triggerBelongedComponentToDeleteWhenDeleted:a.ref(!1),onRemoveComponent:H,getCustomButtons:F,onPropertyChanged:q,setComponentBasicInfoMap:X,updateContextSchema:e==null?void 0:e.updateContextSchema},w}const pt=a.defineComponent({name:"FColorPickerDesign",props:ie,emits:["valueChanged","activeChange","update:color","update:hue"],setup(t,e){const r=a.ref(new R(t.color)),n=a.ref(t.color),d=a.ref(t.disabled),w=a.ref(t.color),f=a.ref(t.allowColorNull),m=a.ref(t.presets),b=a.ref(!1),g=a.ref(!1),h=a.ref(!1),u=a.ref("HEX"),p=Math.floor(Math.random()*1e3).toString();let v=-1,l;const c=new de("#000000"),k=a.ref(t.color);let S,M;const E=a.ref(null),L=a.ref(null),D=a.ref(),H=a.inject("design-item-context"),F=dt(D,H);a.onMounted(()=>{D.value.componentInstance=F}),e.expose(F.value);const X=a.computed(()=>!l&&c&&c.initType?c.initType:l),N=a.computed({get(){return l&&n.value!==null?(ee(l),W(new R(n.value),x[l])):n.value},set(y){y!==null&&(Y(y),T(y))}}),q=a.ref(N.value),Q=a.computed(()=>v>-1),V=a.computed(()=>m.value.length>0),B=a.computed(()=>({"background-color":w.value})),$=a.computed(()=>g.value&&b.value?"display:flex":"display:none"),O=[{text:"HEX",type:x.hex},{text:"RGBA",type:x.rgba}];function j(){const y=document.getElementById("farris-color-picker-panel");y.id=`farris-color-picker-panel-${p}`;const A=document.getElementById("farris-color-picker-plus-sure");A.id=`farris-color-picker-plus-sure-${p}`;const K=document.getElementById("farris-color-picker-plus-input");K.id=`farris-color-picker-plus-input-${p}`,M=document.getElementById(`farris-color-picker-plus-sure-${p}`),S=document.getElementById(`farris-color-picker-panel-${p}`),S.className="color-picker-panel disabled"}function G(){if(!f.value&&!n.value){document.getElementById(`farris-color-picker-plus-sure-${p}`).classList.toggle("disabled");const A=document.getElementById(`farris-color-picker-plus-input-${p}`);A.style.borderColor="red"}}function Z(){n.value&&(Y(n.value),!n.value&&f.value||(n.value=W(new R(n.value),x[X.value])),q.value=N.value),J(ee(c.initType))}function U(){n.value&&Y(n.value),c.hasPresets()||c.setColorPresets(m.value),n.value?w.value=W(new R(n.value),x[X.value]):!n.value&&f.value&&(w.value=null)}function C(){a.watch(c.valueChanged,y=>{const A=W(y,x[l||c.initType]);n.value=A})}function J(y){u.value=O[y].text}function ae(){var y;g.value=!!(l!=null&&l.includes("a")||(y=c.initType)!=null&&y.includes("a"))}a.onBeforeMount(()=>{c.setColorPresets(m.value||["#eaecf3"])}),a.onMounted(()=>{j(),G(),Z(),U()}),C(),a.watch(u,()=>{N.value=W(new R(n.value),x[l||c.initType]),r.value=new R(N.value),ae()}),a.watch(n,y=>{W(c.value,c.initType)!==y&&y!==null&&Y(y),J(ee(c.initType))}),a.watch(r,y=>{n.value=W(y,x[l||c.initType]),Y(n.value),N.value=n.value});function T(y){const A=document.getElementById(`farris-color-picker-plus-input-${p}`);(y===""||y===void 0||y==null)&&!f.value?(n.value=null,A.style.borderColor="red",M.className="btn btn-secondary disabled"):(A.style.borderColor="#dcdfe6",M.className="btn btn-secondary")}function oe(){var y,A;if(f.value){w.value=(n==null?void 0:n.value)??null;const K={elementValue:w};e.emit("valueChanged",K),S.classList.toggle("disabled")}if(!f.value&&!(N.value===void 0||N.value==null||N.value==="")){(A=(y=E.value)==null?void 0:y.style)==null||A.setProperty("background",n.value),h.value=!0,w.value=n.value;const K={elementValue:w};e.emit("valueChanged",K),S.classList.toggle("disabled")}!k.value&&!n.value&&!h.value&&f&&S.classList.toggle("disabled"),T(n.value),N.value=n.value,M.classList.contains("disabled")||(q.value=n.value,b.value=!1)}function Y(y){c==null||c.setValueFrom(y,p,f.value)}function z(y){d.value||(b.value=!0,S.classList.toggle("disabled"),G(),Y(n.value))}function ee(y){const A=O.findIndex(K=>K.type===y);return v=A,A}function P(y){if(!M.classList.contains("disabled")){const A=O.length;v=(A+v+(y==="up"?1:-1))%A,l=O[v].type,J(v),Y(n.value)}}return()=>a.createVNode("div",{class:"f-color-picker-component",ref:D},[a.createVNode("div",{class:["color-picker-panel",{disabled:d.value}],id:"farris-color-picker-panel",ref:L,onClick:y=>y.stopPropagation,style:"top:30px"},[a.createVNode("div",{class:"color-picker-main"},[a.createVNode(Ne,{hue:c.hue,"onUpdate:hue":y=>c.hue=y,allowColorNull:f.value,color:r.value,"onUpdate:color":y=>r.value=y},null),a.createVNode(Se,{randomId:p,hue:c.hue,"onUpdate:hue":y=>c.hue=y,allowColorNull:f.value,color:r.value,"onUpdate:color":y=>r.value=y},null)]),a.createVNode(Me,{style:$.value,randomId:p,allowColorNull:f.value,color:r.value,"onUpdate:color":y=>r.value=y},null),a.createVNode("div",{class:"input-btn",style:"display:flex;align-items: center;"},[a.withDirectives(a.createVNode("span",{style:"width:40px;margin-right:10px;"},[u.value]),[[a.vShow,V]]),a.withDirectives(a.createVNode("input",{title:"color-picker-plus-input",type:"text",id:"farris-color-picker-plus-input","onUpdate:modelValue":y=>N.value=y,style:"float:none"},null),[[a.vModelText,N.value]]),a.withDirectives(a.createVNode("div",{class:"type-icon-btn-wrapper",style:"cursor:pointer"},[a.createVNode("span",{class:"f-icon f-icon-arrow-60-up type-icon-btn",onClick:()=>P("up")},null),a.createVNode("span",{class:"f-icon f-icon-arrow-60-down type-icon-btn",onClick:()=>P("down")},null)]),[[a.vShow,V]]),a.createVNode("div",{class:"input-btn"},[a.createVNode("button",{id:"farris-color-picker-plus-sure",class:"btn btn-secondary",onClick:oe},[a.createTextVNode("确定")])])]),a.withDirectives(a.createVNode(Ve,{color:r.value,"onUpdate:color":y=>r.value=y,colorPresets:c.presets,hue:c.hue,"onUpdate:hue":y=>c.hue=y,randomId:p},null),[[a.vShow,Q]])]),a.createVNode("div",{class:"color-picker-wrapper"},[a.createVNode("input",{type:"text",class:"color-picker-input form-control",value:q.value,readonly:d.value,onClick:y=>y.stopPropagation()},null),a.createVNode("div",{class:"color-picker-trigger",onClick:z},[a.createVNode("div",{class:"color-picker-trigger-inner"},[a.createVNode("div",{style:B.value},null)])])])])}});re.register=(t,e,r)=>{t["color-picker"]=re,e["color-picker"]=ce},re.registerDesigner=(t,e,r)=>{t["color-picker"]=pt,e["color-picker"]=ce};const ft=$e.withInstall(re);I.FColorPicker=re,I.colorPickerProps=ie,I.default=ft,I.propsResolver=ce,Object.defineProperties(I,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
|