jky-component-lib 0.0.55 → 0.0.60

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/dist/es/add-input/AddInput.vue.d.ts +27 -0
  2. package/dist/es/add-input/AddInput.vue.js +151 -0
  3. package/dist/es/add-input/AddInput.vue3.js +5 -0
  4. package/dist/es/add-input/index.d.ts +4 -0
  5. package/dist/es/add-input/index.js +8 -0
  6. package/dist/es/add-input/style.css +35 -0
  7. package/dist/es/button-nav/ButtonNav.vue.d.ts +4 -4
  8. package/dist/es/code-mirror-editor/CodeMirrorEditor.vue.d.ts +5 -5
  9. package/dist/es/code-mirror-editor/CodeMirrorEditor.vue.js +9 -0
  10. package/dist/es/code-mirror-editor/style.css +6 -6
  11. package/dist/es/components.d.ts +3 -0
  12. package/dist/es/components.js +10 -1
  13. package/dist/es/form/Form.vue.d.ts +2 -2
  14. package/dist/es/form/FormItem.vue.js +18 -0
  15. package/dist/es/index.js +6 -0
  16. package/dist/es/node_modules/@element-plus/icons-vue/dist/index.js +32 -0
  17. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js +52 -0
  18. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js +10 -0
  19. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js +145 -0
  20. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js +160 -0
  21. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js +26 -0
  22. package/dist/es/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js +4 -0
  23. package/dist/es/package.json.js +1 -1
  24. package/dist/es/page-header/PopoverMenu.vue.d.ts +1 -1
  25. package/dist/es/page-table/PageTable.vue.d.ts +6087 -0
  26. package/dist/es/page-table/PageTable.vue.js +378 -0
  27. package/dist/es/page-table/PageTable.vue3.js +5 -0
  28. package/dist/es/page-table/Toolbar.vue.d.ts +32 -0
  29. package/dist/es/page-table/Toolbar.vue.js +271 -0
  30. package/dist/es/page-table/Toolbar.vue3.js +5 -0
  31. package/dist/es/page-table/index.d.ts +4 -0
  32. package/dist/es/page-table/index.js +8 -0
  33. package/dist/es/page-table/style.css +4 -0
  34. package/dist/es/rich-editor/RichEditor.vue.d.ts +78 -0
  35. package/dist/es/rich-editor/RichEditor.vue.js +105 -0
  36. package/dist/es/rich-editor/RichEditor.vue3.js +5 -0
  37. package/dist/es/rich-editor/index.d.ts +4 -0
  38. package/dist/es/rich-editor/index.js +8 -0
  39. package/dist/es/rich-editor/style.css +34 -0
  40. package/dist/es/style.css +28 -0
  41. package/dist/es/styles.css +1 -1
  42. package/dist/es/utils/index.d.ts +1 -0
  43. package/dist/es/utils/responsive-toolbar.d.ts +78 -0
  44. package/dist/es/utils/responsive-toolbar.js +64 -0
  45. package/dist/lib/add-input/AddInput.vue.d.ts +27 -0
  46. package/dist/lib/add-input/AddInput.vue.js +151 -0
  47. package/dist/lib/add-input/AddInput.vue3.js +5 -0
  48. package/dist/lib/add-input/index.d.ts +4 -0
  49. package/dist/lib/add-input/index.js +8 -0
  50. package/dist/lib/add-input/style.css +35 -0
  51. package/dist/lib/button-nav/ButtonNav.vue.d.ts +4 -4
  52. package/dist/lib/code-mirror-editor/CodeMirrorEditor.vue.d.ts +5 -5
  53. package/dist/lib/code-mirror-editor/CodeMirrorEditor.vue.js +9 -0
  54. package/dist/lib/code-mirror-editor/style.css +6 -6
  55. package/dist/lib/components.d.ts +3 -0
  56. package/dist/lib/components.js +30 -21
  57. package/dist/lib/form/Form.vue.d.ts +2 -2
  58. package/dist/lib/form/FormItem.vue.js +24 -6
  59. package/dist/lib/index.js +20 -14
  60. package/dist/lib/node_modules/@element-plus/icons-vue/dist/index.js +32 -0
  61. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/ScriptLoader.js +52 -0
  62. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/TinyMCE.js +10 -0
  63. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/Utils.js +145 -0
  64. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/Editor.js +160 -0
  65. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/components/EditorPropTypes.js +26 -0
  66. package/dist/lib/node_modules/@tinymce/tinymce-vue/lib/es2015/main/ts/index.js +4 -0
  67. package/dist/lib/package.json.js +1 -1
  68. package/dist/lib/page-header/PopoverMenu.vue.d.ts +1 -1
  69. package/dist/lib/page-table/PageTable.vue.d.ts +6087 -0
  70. package/dist/lib/page-table/PageTable.vue.js +378 -0
  71. package/dist/lib/page-table/PageTable.vue3.js +5 -0
  72. package/dist/lib/page-table/Toolbar.vue.d.ts +32 -0
  73. package/dist/lib/page-table/Toolbar.vue.js +271 -0
  74. package/dist/lib/page-table/Toolbar.vue3.js +5 -0
  75. package/dist/lib/page-table/index.d.ts +4 -0
  76. package/dist/lib/page-table/index.js +8 -0
  77. package/dist/lib/page-table/style.css +4 -0
  78. package/dist/lib/rich-editor/RichEditor.vue.d.ts +78 -0
  79. package/dist/lib/rich-editor/RichEditor.vue.js +105 -0
  80. package/dist/lib/rich-editor/RichEditor.vue3.js +5 -0
  81. package/dist/lib/rich-editor/index.d.ts +4 -0
  82. package/dist/lib/rich-editor/index.js +8 -0
  83. package/dist/lib/rich-editor/style.css +34 -0
  84. package/dist/lib/style.css +28 -0
  85. package/dist/lib/styles.css +1 -1
  86. package/dist/lib/utils/index.d.ts +1 -0
  87. package/dist/lib/utils/responsive-toolbar.d.ts +78 -0
  88. package/dist/lib/utils/responsive-toolbar.js +64 -0
  89. package/package.json +10 -1
  90. package/dist/es/code-mirror-editor/CodeMirrorEditor.test.d.ts +0 -1
  91. package/dist/lib/code-mirror-editor/CodeMirrorEditor.test.d.ts +0 -1
  92. package/dist/umd/index.js +0 -3955
  93. package/dist/umd/styles.css +0 -1
@@ -0,0 +1,145 @@
1
+ import { watch } from "vue";
2
+ var validEvents = [
3
+ "onActivate",
4
+ "onAddUndo",
5
+ "onBeforeAddUndo",
6
+ "onBeforeExecCommand",
7
+ "onBeforeGetContent",
8
+ "onBeforeRenderUI",
9
+ "onBeforeSetContent",
10
+ "onBeforePaste",
11
+ "onBlur",
12
+ "onChange",
13
+ "onClearUndos",
14
+ "onClick",
15
+ "onContextMenu",
16
+ "onCommentChange",
17
+ "onCompositionEnd",
18
+ "onCompositionStart",
19
+ "onCompositionUpdate",
20
+ "onCopy",
21
+ "onCut",
22
+ "onDblclick",
23
+ "onDeactivate",
24
+ "onDirty",
25
+ "onDrag",
26
+ "onDragDrop",
27
+ "onDragEnd",
28
+ "onDragGesture",
29
+ "onDragOver",
30
+ "onDrop",
31
+ "onExecCommand",
32
+ "onFocus",
33
+ "onFocusIn",
34
+ "onFocusOut",
35
+ "onGetContent",
36
+ "onHide",
37
+ "onInit",
38
+ "onInput",
39
+ "onKeyDown",
40
+ "onKeyPress",
41
+ "onKeyUp",
42
+ "onLoadContent",
43
+ "onMouseDown",
44
+ "onMouseEnter",
45
+ "onMouseLeave",
46
+ "onMouseMove",
47
+ "onMouseOut",
48
+ "onMouseOver",
49
+ "onMouseUp",
50
+ "onNodeChange",
51
+ "onObjectResizeStart",
52
+ "onObjectResized",
53
+ "onObjectSelected",
54
+ "onPaste",
55
+ "onPostProcess",
56
+ "onPostRender",
57
+ "onPreProcess",
58
+ "onProgressState",
59
+ "onRedo",
60
+ "onRemove",
61
+ "onReset",
62
+ "onSaveContent",
63
+ "onSelectionChange",
64
+ "onSetAttrib",
65
+ "onSetContent",
66
+ "onShow",
67
+ "onSubmit",
68
+ "onUndo",
69
+ "onVisualAid"
70
+ ];
71
+ var isValidKey = function(key) {
72
+ return validEvents.map(function(event) {
73
+ return event.toLowerCase();
74
+ }).indexOf(key.toLowerCase()) !== -1;
75
+ };
76
+ var bindHandlers = function(initEvent, listeners, editor) {
77
+ Object.keys(listeners).filter(isValidKey).forEach(function(key) {
78
+ var handler = listeners[key];
79
+ if (typeof handler === "function") {
80
+ if (key === "onInit") {
81
+ handler(initEvent, editor);
82
+ } else {
83
+ editor.on(key.substring(2), function(e) {
84
+ return handler(e, editor);
85
+ });
86
+ }
87
+ }
88
+ });
89
+ };
90
+ var bindModelHandlers = function(props, ctx, editor, modelValue) {
91
+ var modelEvents = props.modelEvents ? props.modelEvents : null;
92
+ var normalizedEvents = Array.isArray(modelEvents) ? modelEvents.join(" ") : modelEvents;
93
+ watch(modelValue, function(val, prevVal) {
94
+ if (editor && typeof val === "string" && val !== prevVal && val !== editor.getContent({ format: props.outputFormat })) {
95
+ editor.setContent(val);
96
+ }
97
+ });
98
+ editor.on(normalizedEvents ? normalizedEvents : "change input undo redo", function() {
99
+ ctx.emit("update:modelValue", editor.getContent({ format: props.outputFormat }));
100
+ });
101
+ };
102
+ var initEditor = function(initEvent, props, ctx, editor, modelValue, content) {
103
+ editor.setContent(content());
104
+ if (ctx.attrs["onUpdate:modelValue"]) {
105
+ bindModelHandlers(props, ctx, editor, modelValue);
106
+ }
107
+ bindHandlers(initEvent, ctx.attrs, editor);
108
+ };
109
+ var unique = 0;
110
+ var uuid = function(prefix) {
111
+ var time = Date.now();
112
+ var random = Math.floor(Math.random() * 1e9);
113
+ unique++;
114
+ return prefix + "_" + random + unique + String(time);
115
+ };
116
+ var isTextarea = function(element) {
117
+ return element !== null && element.tagName.toLowerCase() === "textarea";
118
+ };
119
+ var normalizePluginArray = function(plugins) {
120
+ if (typeof plugins === "undefined" || plugins === "") {
121
+ return [];
122
+ }
123
+ return Array.isArray(plugins) ? plugins : plugins.split(" ");
124
+ };
125
+ var mergePlugins = function(initPlugins, inputPlugins) {
126
+ return normalizePluginArray(initPlugins).concat(normalizePluginArray(inputPlugins));
127
+ };
128
+ var isNullOrUndefined = function(value) {
129
+ return value === null || value === void 0;
130
+ };
131
+ var isDisabledOptionSupported = function(editor) {
132
+ var _a;
133
+ return typeof ((_a = editor.options) === null || _a === void 0 ? void 0 : _a.set) === "function" && editor.options.isRegistered("disabled");
134
+ };
135
+ export {
136
+ bindHandlers,
137
+ bindModelHandlers,
138
+ initEditor,
139
+ isDisabledOptionSupported,
140
+ isNullOrUndefined,
141
+ isTextarea,
142
+ isValidKey,
143
+ mergePlugins,
144
+ uuid
145
+ };
@@ -0,0 +1,160 @@
1
+ import { ScriptLoader } from "../ScriptLoader.js";
2
+ import { getTinymce } from "../TinyMCE.js";
3
+ import { uuid, isNullOrUndefined, isDisabledOptionSupported, initEditor, mergePlugins, isTextarea } from "../Utils.js";
4
+ import { editorProps } from "./EditorPropTypes.js";
5
+ import { defineComponent, toRefs, ref, watch, onMounted, onBeforeUnmount, onActivated, onDeactivated, h, nextTick } from "vue";
6
+ var __assign = function() {
7
+ __assign = Object.assign || function(t) {
8
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
9
+ s = arguments[i];
10
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
+ t[p] = s[p];
12
+ }
13
+ return t;
14
+ };
15
+ return __assign.apply(this, arguments);
16
+ };
17
+ var renderInline = function(ce, id, elementRef, tagName) {
18
+ return ce(tagName ? tagName : "div", {
19
+ id,
20
+ ref: elementRef
21
+ });
22
+ };
23
+ var renderIframe = function(ce, id, elementRef) {
24
+ return ce("textarea", {
25
+ id,
26
+ visibility: "hidden",
27
+ ref: elementRef
28
+ });
29
+ };
30
+ var defaultInitValues = { selector: void 0, target: void 0 };
31
+ var setMode = function(editor, mode) {
32
+ var _a;
33
+ if (typeof ((_a = editor.mode) === null || _a === void 0 ? void 0 : _a.set) === "function") {
34
+ editor.mode.set(mode);
35
+ } else {
36
+ editor.setMode(mode);
37
+ }
38
+ };
39
+ var Editor = defineComponent({
40
+ props: editorProps,
41
+ setup: function(props, ctx) {
42
+ var conf = props.init ? __assign(__assign({}, props.init), defaultInitValues) : __assign({}, defaultInitValues);
43
+ var _a = toRefs(props), disabled = _a.disabled, readonly = _a.readonly, modelValue = _a.modelValue, tagName = _a.tagName;
44
+ var element = ref(null);
45
+ var vueEditor = null;
46
+ var elementId = props.id || uuid("tiny-vue");
47
+ var inlineEditor = props.init && props.init.inline || props.inline;
48
+ var modelBind = !!ctx.attrs["onUpdate:modelValue"];
49
+ var mounting = true;
50
+ var initialValue = props.initialValue ? props.initialValue : "";
51
+ var cache = "";
52
+ var getContent = function(isMounting) {
53
+ return modelBind ? function() {
54
+ return (modelValue === null || modelValue === void 0 ? void 0 : modelValue.value) ? modelValue.value : "";
55
+ } : function() {
56
+ return isMounting ? initialValue : cache;
57
+ };
58
+ };
59
+ var initWrapper = function() {
60
+ var content = getContent(mounting);
61
+ var finalInit = __assign(__assign({}, conf), { disabled: props.disabled, readonly: props.readonly, target: element.value, plugins: mergePlugins(conf.plugins, props.plugins), toolbar: props.toolbar || conf.toolbar, inline: inlineEditor, license_key: props.licenseKey, setup: function(editor) {
62
+ vueEditor = editor;
63
+ if (!isDisabledOptionSupported(vueEditor) && props.disabled === true) {
64
+ setMode(vueEditor, "readonly");
65
+ }
66
+ editor.on("init", function(e) {
67
+ return initEditor(e, props, ctx, editor, modelValue, content);
68
+ });
69
+ if (typeof conf.setup === "function") {
70
+ conf.setup(editor);
71
+ }
72
+ } });
73
+ if (isTextarea(element.value)) {
74
+ element.value.style.visibility = "";
75
+ }
76
+ getTinymce().init(finalInit);
77
+ mounting = false;
78
+ };
79
+ watch(readonly, function(isReadonly) {
80
+ if (vueEditor !== null) {
81
+ setMode(vueEditor, isReadonly ? "readonly" : "design");
82
+ }
83
+ });
84
+ watch(disabled, function(isDisabled) {
85
+ if (vueEditor !== null) {
86
+ if (isDisabledOptionSupported(vueEditor)) {
87
+ vueEditor.options.set("disabled", isDisabled);
88
+ } else {
89
+ setMode(vueEditor, isDisabled ? "readonly" : "design");
90
+ }
91
+ }
92
+ });
93
+ watch(tagName, function(_) {
94
+ var _a2;
95
+ if (vueEditor) {
96
+ if (!modelBind) {
97
+ cache = vueEditor.getContent();
98
+ }
99
+ (_a2 = getTinymce()) === null || _a2 === void 0 ? void 0 : _a2.remove(vueEditor);
100
+ nextTick(function() {
101
+ return initWrapper();
102
+ });
103
+ }
104
+ });
105
+ onMounted(function() {
106
+ if (getTinymce() !== null) {
107
+ initWrapper();
108
+ } else if (element.value && element.value.ownerDocument) {
109
+ var channel = props.cloudChannel ? props.cloudChannel : "8";
110
+ var apiKey = props.apiKey ? props.apiKey : "no-api-key";
111
+ var scriptSrc = isNullOrUndefined(props.tinymceScriptSrc) ? "https://cdn.tiny.cloud/1/".concat(apiKey, "/tinymce/").concat(channel, "/tinymce.min.js") : props.tinymceScriptSrc;
112
+ ScriptLoader.load(element.value.ownerDocument, scriptSrc, initWrapper);
113
+ }
114
+ });
115
+ onBeforeUnmount(function() {
116
+ if (getTinymce() !== null) {
117
+ getTinymce().remove(vueEditor);
118
+ }
119
+ });
120
+ if (!inlineEditor) {
121
+ onActivated(function() {
122
+ if (!mounting) {
123
+ initWrapper();
124
+ }
125
+ });
126
+ onDeactivated(function() {
127
+ var _a2;
128
+ if (vueEditor) {
129
+ if (!modelBind) {
130
+ cache = vueEditor.getContent();
131
+ }
132
+ (_a2 = getTinymce()) === null || _a2 === void 0 ? void 0 : _a2.remove(vueEditor);
133
+ }
134
+ });
135
+ }
136
+ var rerender = function(init) {
137
+ var _a2;
138
+ if (vueEditor) {
139
+ cache = vueEditor.getContent();
140
+ (_a2 = getTinymce()) === null || _a2 === void 0 ? void 0 : _a2.remove(vueEditor);
141
+ conf = __assign(__assign(__assign({}, conf), init), defaultInitValues);
142
+ nextTick(function() {
143
+ return initWrapper();
144
+ });
145
+ }
146
+ };
147
+ ctx.expose({
148
+ rerender,
149
+ getEditor: function() {
150
+ return vueEditor;
151
+ }
152
+ });
153
+ return function() {
154
+ return inlineEditor ? renderInline(h, elementId, element, props.tagName) : renderIframe(h, elementId, element);
155
+ };
156
+ }
157
+ });
158
+ export {
159
+ Editor
160
+ };
@@ -0,0 +1,26 @@
1
+ var editorProps = {
2
+ apiKey: String,
3
+ licenseKey: String,
4
+ cloudChannel: String,
5
+ id: String,
6
+ init: Object,
7
+ initialValue: String,
8
+ inline: Boolean,
9
+ modelEvents: [String, Array],
10
+ plugins: [String, Array],
11
+ tagName: String,
12
+ toolbar: [String, Array],
13
+ modelValue: String,
14
+ disabled: Boolean,
15
+ readonly: Boolean,
16
+ tinymceScriptSrc: String,
17
+ outputFormat: {
18
+ type: String,
19
+ validator: function(prop) {
20
+ return prop === "html" || prop === "text";
21
+ }
22
+ }
23
+ };
24
+ export {
25
+ editorProps
26
+ };
@@ -0,0 +1,4 @@
1
+ import { Editor } from "./components/Editor.js";
2
+ export {
3
+ Editor as default
4
+ };
@@ -1,4 +1,4 @@
1
- const version = "0.0.55";
1
+ const version = "0.0.60";
2
2
  export {
3
3
  version
4
4
  };
@@ -2,9 +2,9 @@ import { TooltipTriggerType } from 'element-plus';
2
2
  import { Arrayable } from 'element-plus/es/utils';
3
3
  import { PageHeaderPopoverMenuItem, PageHeaderPopoverMenuProps } from './types';
4
4
  declare const _default: import('vue').DefineComponent<PageHeaderPopoverMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<PageHeaderPopoverMenuProps> & Readonly<{}>, {
5
+ width: number;
5
6
  trigger: Arrayable<TooltipTriggerType>;
6
7
  placement: import('element-plus').Placement;
7
- width: number;
8
8
  menus: PageHeaderPopoverMenuItem[];
9
9
  highlightCurrent: boolean;
10
10
  buttonClass: string;