@windwalker-io/unicorn-next 0.1.19 → 0.1.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/chunks/_arrayPush.js +325 -108
- package/dist/chunks/_arrayPush.js.map +1 -1
- package/dist/chunks/_baseRest.js +155 -60
- package/dist/chunks/_baseRest.js.map +1 -1
- package/dist/chunks/_baseUnary.js +463 -0
- package/dist/chunks/_baseUnary.js.map +1 -0
- package/dist/chunks/_getPrototype.js +292 -100
- package/dist/chunks/_getPrototype.js.map +1 -1
- package/dist/chunks/alert-adapter.js +29 -0
- package/dist/chunks/alert-adapter.js.map +1 -0
- package/dist/chunks/alert.js +21 -0
- package/dist/chunks/alert.js.map +1 -0
- package/dist/chunks/arr.js +24 -0
- package/dist/chunks/arr.js.map +1 -0
- package/dist/chunks/button-radio.js +127 -145
- package/dist/chunks/button-radio.js.map +1 -1
- package/dist/chunks/checkboxes-multi-select.js +44 -43
- package/dist/chunks/checkboxes-multi-select.js.map +1 -1
- package/dist/chunks/chunk.js +24 -0
- package/dist/chunks/cloneDeep.js +679 -212
- package/dist/chunks/cloneDeep.js.map +1 -1
- package/dist/chunks/cropper.min.js +6 -5
- package/dist/chunks/cropper.min.js.map +1 -1
- package/dist/chunks/crypto.js +26 -0
- package/dist/chunks/crypto.js.map +1 -0
- package/dist/chunks/data.js +49 -0
- package/dist/chunks/data.js.map +1 -0
- package/dist/chunks/dom.js +128 -0
- package/dist/chunks/dom.js.map +1 -0
- package/dist/chunks/events.js +270 -0
- package/dist/chunks/events.js.map +1 -0
- package/dist/chunks/field-cascade-select.js +207 -250
- package/dist/chunks/field-cascade-select.js.map +1 -1
- package/dist/chunks/field-file-drag.js +175 -209
- package/dist/chunks/field-file-drag.js.map +1 -1
- package/dist/chunks/field-flatpickr.js +94 -898
- package/dist/chunks/field-flatpickr.js.map +1 -1
- package/dist/chunks/field-modal-select.js +728 -467
- package/dist/chunks/field-modal-select.js.map +1 -1
- package/dist/chunks/field-modal-tree.js +771 -766
- package/dist/chunks/field-modal-tree.js.map +1 -1
- package/dist/chunks/field-multi-uploader.js +249 -256
- package/dist/chunks/field-multi-uploader.js.map +1 -1
- package/dist/chunks/field-repeatable.js +111 -127
- package/dist/chunks/field-repeatable.js.map +1 -1
- package/dist/chunks/field-single-image-drag.js +286 -338
- package/dist/chunks/field-single-image-drag.js.map +1 -1
- package/dist/chunks/form.js +146 -159
- package/dist/chunks/form.js.map +1 -1
- package/dist/chunks/grid.js +349 -418
- package/dist/chunks/grid.js.map +1 -1
- package/dist/chunks/helper.js +39 -0
- package/dist/chunks/helper.js.map +1 -0
- package/dist/chunks/http-client.js +221 -211
- package/dist/chunks/http-client.js.map +1 -1
- package/dist/chunks/iframe-modal.js +95 -115
- package/dist/chunks/iframe-modal.js.map +1 -1
- package/dist/chunks/keep-tab.js +92 -101
- package/dist/chunks/keep-tab.js.map +1 -1
- package/dist/chunks/lang.js +250 -0
- package/dist/chunks/lang.js.map +1 -0
- package/dist/chunks/legacy.js +197 -201
- package/dist/chunks/legacy.js.map +1 -1
- package/dist/chunks/list-dependent.js +195 -228
- package/dist/chunks/list-dependent.js.map +1 -1
- package/dist/chunks/loader.js +106 -0
- package/dist/chunks/loader.js.map +1 -0
- package/dist/chunks/monthSelect.js +251 -0
- package/dist/chunks/monthSelect.js.map +1 -0
- package/dist/chunks/router.js +111 -0
- package/dist/chunks/router.js.map +1 -0
- package/dist/chunks/s3-multipart-uploader.js +183 -210
- package/dist/chunks/s3-multipart-uploader.js.map +1 -1
- package/dist/chunks/s3-uploader.js +106 -128
- package/dist/chunks/s3-uploader.js.map +1 -1
- package/dist/chunks/show-on.js +358 -205
- package/dist/chunks/show-on.js.map +1 -1
- package/dist/chunks/timing.js +10 -0
- package/dist/chunks/timing.js.map +1 -0
- package/dist/chunks/tinymce.js +153 -203
- package/dist/chunks/tinymce.js.map +1 -1
- package/dist/chunks/ui-bootstrap5.js +58 -72
- package/dist/chunks/ui-bootstrap5.js.map +1 -1
- package/dist/chunks/ui.js +320 -0
- package/dist/chunks/ui.js.map +1 -0
- package/dist/chunks/unicorn.js.map +1 -1
- package/dist/chunks/useQueue.js +111 -0
- package/dist/chunks/useQueue.js.map +1 -0
- package/dist/chunks/useStack.js +76 -0
- package/dist/chunks/useStack.js.map +1 -0
- package/dist/chunks/validation.js +761 -853
- package/dist/chunks/validation.js.map +1 -1
- package/dist/editor.css +1 -1
- package/dist/index.d.ts +10 -8
- package/dist/multi-level-menu.css +1 -1
- package/dist/switcher.css +1 -1
- package/dist/unicorn.js +805 -130
- package/dist/unicorn.js.map +1 -1
- package/package.json +3 -3
- package/src/composable/useBsModalAlert.ts +29 -0
- package/src/composable/useHttp.ts +13 -1
- package/src/module/s3-uploader.ts +1 -1
- package/vite.config.ts +5 -1
- package/dist/chunks/_commonjsHelpers.js +0 -7
- package/dist/chunks/index.js +0 -314
- package/dist/chunks/isArguments.js +0 -146
- package/dist/chunks/unicorn.js +0 -2621
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"show-on.js","sources":["../../../../../../node_modules/lodash-es/_baseFindIndex.js","../../../../../../node_modules/lodash-es/_baseIsNaN.js","../../../../../../node_modules/lodash-es/_strictIndexOf.js","../../../../../../node_modules/lodash-es/_baseIndexOf.js","../../../../../../node_modules/lodash-es/_arrayIncludes.js","../../../../../../node_modules/lodash-es/_isFlattenable.js","../../../../../../node_modules/lodash-es/_baseFlatten.js","../../../../../../node_modules/lodash-es/_setCacheAdd.js","../../../../../../node_modules/lodash-es/_setCacheHas.js","../../../../../../node_modules/lodash-es/_SetCache.js","../../../../../../node_modules/lodash-es/_cacheHas.js","../../../../../../node_modules/lodash-es/isArrayLikeObject.js","../../../../../../node_modules/lodash-es/_baseDifference.js","../../../../../../node_modules/lodash-es/difference.js","../../src/module/show-on.ts"],"sourcesContent":["/**\n * The base implementation of `_.findIndex` and `_.findLastIndex` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {number} fromIndex The index to search from.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseFindIndex(array, predicate, fromIndex, fromRight) {\n var length = array.length,\n index = fromIndex + (fromRight ? 1 : -1);\n\n while ((fromRight ? index-- : ++index < length)) {\n if (predicate(array[index], index, array)) {\n return index;\n }\n }\n return -1;\n}\n\nexport default baseFindIndex;\n","/**\n * The base implementation of `_.isNaN` without support for number objects.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n */\nfunction baseIsNaN(value) {\n return value !== value;\n}\n\nexport default baseIsNaN;\n","/**\n * A specialized version of `_.indexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction strictIndexOf(array, value, fromIndex) {\n var index = fromIndex - 1,\n length = array.length;\n\n while (++index < length) {\n if (array[index] === value) {\n return index;\n }\n }\n return -1;\n}\n\nexport default strictIndexOf;\n","import baseFindIndex from './_baseFindIndex.js';\nimport baseIsNaN from './_baseIsNaN.js';\nimport strictIndexOf from './_strictIndexOf.js';\n\n/**\n * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseIndexOf(array, value, fromIndex) {\n return value === value\n ? strictIndexOf(array, value, fromIndex)\n : baseFindIndex(array, baseIsNaN, fromIndex);\n}\n\nexport default baseIndexOf;\n","import baseIndexOf from './_baseIndexOf.js';\n\n/**\n * A specialized version of `_.includes` for arrays without support for\n * specifying an index to search from.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\nfunction arrayIncludes(array, value) {\n var length = array == null ? 0 : array.length;\n return !!length && baseIndexOf(array, value, 0) > -1;\n}\n\nexport default arrayIncludes;\n","import Symbol from './_Symbol.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\n\n/** Built-in value references. */\nvar spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;\n\n/**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\nfunction isFlattenable(value) {\n return isArray(value) || isArguments(value) ||\n !!(spreadableSymbol && value && value[spreadableSymbol]);\n}\n\nexport default isFlattenable;\n","import arrayPush from './_arrayPush.js';\nimport isFlattenable from './_isFlattenable.js';\n\n/**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\nfunction baseFlatten(array, depth, predicate, isStrict, result) {\n var index = -1,\n length = array.length;\n\n predicate || (predicate = isFlattenable);\n result || (result = []);\n\n while (++index < length) {\n var value = array[index];\n if (depth > 0 && predicate(value)) {\n if (depth > 1) {\n // Recursively flatten arrays (susceptible to call stack limits).\n baseFlatten(value, depth - 1, predicate, isStrict, result);\n } else {\n arrayPush(result, value);\n }\n } else if (!isStrict) {\n result[result.length] = value;\n }\n }\n return result;\n}\n\nexport default baseFlatten;\n","/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Adds `value` to the array cache.\n *\n * @private\n * @name add\n * @memberOf SetCache\n * @alias push\n * @param {*} value The value to cache.\n * @returns {Object} Returns the cache instance.\n */\nfunction setCacheAdd(value) {\n this.__data__.set(value, HASH_UNDEFINED);\n return this;\n}\n\nexport default setCacheAdd;\n","/**\n * Checks if `value` is in the array cache.\n *\n * @private\n * @name has\n * @memberOf SetCache\n * @param {*} value The value to search for.\n * @returns {number} Returns `true` if `value` is found, else `false`.\n */\nfunction setCacheHas(value) {\n return this.__data__.has(value);\n}\n\nexport default setCacheHas;\n","import MapCache from './_MapCache.js';\nimport setCacheAdd from './_setCacheAdd.js';\nimport setCacheHas from './_setCacheHas.js';\n\n/**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\nfunction SetCache(values) {\n var index = -1,\n length = values == null ? 0 : values.length;\n\n this.__data__ = new MapCache;\n while (++index < length) {\n this.add(values[index]);\n }\n}\n\n// Add methods to `SetCache`.\nSetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\nSetCache.prototype.has = setCacheHas;\n\nexport default SetCache;\n","/**\n * Checks if a `cache` value for `key` exists.\n *\n * @private\n * @param {Object} cache The cache to query.\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction cacheHas(cache, key) {\n return cache.has(key);\n}\n\nexport default cacheHas;\n","import isArrayLike from './isArrayLike.js';\nimport isObjectLike from './isObjectLike.js';\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n * else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n return isObjectLike(value) && isArrayLike(value);\n}\n\nexport default isArrayLikeObject;\n","import SetCache from './_SetCache.js';\nimport arrayIncludes from './_arrayIncludes.js';\nimport arrayIncludesWith from './_arrayIncludesWith.js';\nimport arrayMap from './_arrayMap.js';\nimport baseUnary from './_baseUnary.js';\nimport cacheHas from './_cacheHas.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * The base implementation of methods like `_.difference` without support\n * for excluding multiple arrays or iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Array} values The values to exclude.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n */\nfunction baseDifference(array, values, iteratee, comparator) {\n var index = -1,\n includes = arrayIncludes,\n isCommon = true,\n length = array.length,\n result = [],\n valuesLength = values.length;\n\n if (!length) {\n return result;\n }\n if (iteratee) {\n values = arrayMap(values, baseUnary(iteratee));\n }\n if (comparator) {\n includes = arrayIncludesWith;\n isCommon = false;\n }\n else if (values.length >= LARGE_ARRAY_SIZE) {\n includes = cacheHas;\n isCommon = false;\n values = new SetCache(values);\n }\n outer:\n while (++index < length) {\n var value = array[index],\n computed = iteratee == null ? value : iteratee(value);\n\n value = (comparator || value !== 0) ? value : 0;\n if (isCommon && computed === computed) {\n var valuesIndex = valuesLength;\n while (valuesIndex--) {\n if (values[valuesIndex] === computed) {\n continue outer;\n }\n }\n result.push(value);\n }\n else if (!includes(values, computed, comparator)) {\n result.push(value);\n }\n }\n return result;\n}\n\nexport default baseDifference;\n","import baseDifference from './_baseDifference.js';\nimport baseFlatten from './_baseFlatten.js';\nimport baseRest from './_baseRest.js';\nimport isArrayLikeObject from './isArrayLikeObject.js';\n\n/**\n * Creates an array of `array` values not included in the other given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * **Note:** Unlike `_.pullAll`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.without, _.xor\n * @example\n *\n * _.difference([2, 1], [2, 3]);\n * // => [1]\n */\nvar difference = baseRest(function(array, values) {\n return isArrayLikeObject(array)\n ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))\n : [];\n});\n\nexport default difference;\n","\nimport { useUniDirective } from '../composable';\nimport { fadeIn, fadeOut, selectAll, selectOne, module } from '../service';\nimport { difference } from 'lodash-es';\n\ntype HTMLInputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\ntype Conditions = Record<string, any>;\n\nexport class ShowOn {\n el!: HTMLElement;\n input!: HTMLInputTypes;\n conditions: Conditions = {};\n targets = {};\n defaultReadonly: boolean | null = null;\n initialDisplay!: string;\n\n constructor(el: HTMLElement, conditions: Conditions) {\n this.el = el;\n this.input = this.el.querySelector<HTMLInputTypes>(\n this.el.dataset.inputSelector || '[data-field-input]'\n )!;\n this.conditions = conditions;\n\n this.init();\n }\n\n init() {\n this.initialDisplay = window.getComputedStyle(this.el).display || 'block';\n\n for (const selector in this.conditions) {\n const value = this.conditions[selector];\n\n const target = selectOne<HTMLElement>(selector)!;\n\n if (this.input) {\n this.defaultReadonly = this.input.hasAttribute('readonly');\n }\n\n let listenTarget: HTMLInputTypes[];\n\n if (target.nodeName === 'DIV') {\n listenTarget = Array.from(target.querySelectorAll<HTMLInputTypes>('input, select, textarea'));\n } else {\n listenTarget = [target as HTMLInputTypes];\n }\n\n selectAll(listenTarget, (ele) => {\n ele.addEventListener('change', () => {\n this.updateShowState(target, value);\n });\n });\n\n this.updateShowState(target, value, 1);\n }\n }\n\n updateShowState(target: HTMLElement, value: any, duration = 300) {\n const matched = this.isValueMatched(target, value);\n\n if (matched) {\n setTimeout(() => {\n fadeIn(this.el, duration, this.initialDisplay);\n }, duration);\n } else {\n if (this.input) {\n this.defaultReadonly ??= this.input.hasAttribute('readonly');\n }\n\n fadeOut(this.el, duration);\n }\n\n if (this.input) {\n if (matched) {\n if (!this.defaultReadonly) {\n this.input.removeAttribute('readonly');\n }\n\n this.defaultReadonly = null;\n } else {\n this.input.setAttribute('readonly', 'readonly');\n }\n }\n }\n\n isValueMatched(target: HTMLElement, value: any) {\n let targetValue: any = null;\n\n const type = this.nodeType(target);\n\n switch (type) {\n case 'input':\n case 'textarea':\n targetValue = (target as HTMLInputElement).value;\n break;\n case 'select':\n if (!(target as HTMLSelectElement).multiple) {\n targetValue = (target as HTMLSelectElement).value;\n } else {\n targetValue = selectAll(target.querySelectorAll('option'))\n .filter(option => option.selected)\n .map(option => option.value);\n }\n break;\n\n case 'checkbox':\n targetValue = (target as HTMLInputElement).checked ? (target as HTMLInputElement).value : [null, false];\n break;\n\n case 'radio':\n targetValue = target.querySelector<HTMLInputElement>('input[type=radio]:checked')?.value;\n break;\n }\n\n if (Array.isArray(value)) {\n if (Array.isArray(targetValue)) {\n return difference(value, targetValue).length === 0;\n }\n\n return value.indexOf(targetValue) !== -1;\n }\n\n if (targetValue && Array.isArray(targetValue)) {\n return targetValue.indexOf(value) !== -1;\n }\n\n return value == targetValue;\n }\n\n /**\n * @see https://github.com/nickjackson/val/blob/master/index.js#L55\n * @param el\n * @returns {string}\n */\n nodeType(el: HTMLElement): \"select\" | \"textarea\" | \"checkbox\" | \"input\" | \"radio\" {\n var node = el.nodeName.toLowerCase();\n var type = (el as HTMLInputElement).type;\n\n if (node === 'select') {\n return 'select';\n }\n\n if (node === 'textarea') {\n return 'textarea';\n }\n\n if (node === 'input') {\n if (type === 'checkbox') {\n return 'checkbox';\n }\n\n return 'input';\n }\n\n if (node === 'div') {\n if (el.querySelector('input[type=radio]')) {\n return 'radio';\n }\n }\n\n return 'input';\n }\n}\n\nexport const ready = useUniDirective('show-on', {\n mounted(el, { value }) {\n module<HTMLElement, HTMLElement>(el, 'show.on', (el) => {\n return new ShowOn(el, JSON.parse(value));\n });\n }\n});\n\nexport interface ShowOnModule {\n ShowOn: typeof ShowOn;\n ready: typeof ready;\n}\n"],"names":["Symbol","module","el"],"mappings":"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","x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13]}
|
|
1
|
+
{"version":3,"file":"show-on.js","names":[],"sources":["../../../../../../node_modules/lodash-es/_baseFindIndex.js","../../../../../../node_modules/lodash-es/_baseIsNaN.js","../../../../../../node_modules/lodash-es/_strictIndexOf.js","../../../../../../node_modules/lodash-es/_baseIndexOf.js","../../../../../../node_modules/lodash-es/_arrayIncludes.js","../../../../../../node_modules/lodash-es/_isFlattenable.js","../../../../../../node_modules/lodash-es/_baseFlatten.js","../../../../../../node_modules/lodash-es/_setCacheAdd.js","../../../../../../node_modules/lodash-es/_setCacheHas.js","../../../../../../node_modules/lodash-es/_SetCache.js","../../../../../../node_modules/lodash-es/_cacheHas.js","../../../../../../node_modules/lodash-es/isArrayLikeObject.js","../../../../../../node_modules/lodash-es/_arrayIncludesWith.js","../../../../../../node_modules/lodash-es/_baseDifference.js","../../../../../../node_modules/lodash-es/difference.js","../../src/module/show-on.ts"],"sourcesContent":["/**\n * The base implementation of `_.findIndex` and `_.findLastIndex` without\n * support for iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Function} predicate The function invoked per iteration.\n * @param {number} fromIndex The index to search from.\n * @param {boolean} [fromRight] Specify iterating from right to left.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseFindIndex(array, predicate, fromIndex, fromRight) {\n var length = array.length,\n index = fromIndex + (fromRight ? 1 : -1);\n\n while ((fromRight ? index-- : ++index < length)) {\n if (predicate(array[index], index, array)) {\n return index;\n }\n }\n return -1;\n}\n\nexport default baseFindIndex;\n","/**\n * The base implementation of `_.isNaN` without support for number objects.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.\n */\nfunction baseIsNaN(value) {\n return value !== value;\n}\n\nexport default baseIsNaN;\n","/**\n * A specialized version of `_.indexOf` which performs strict equality\n * comparisons of values, i.e. `===`.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction strictIndexOf(array, value, fromIndex) {\n var index = fromIndex - 1,\n length = array.length;\n\n while (++index < length) {\n if (array[index] === value) {\n return index;\n }\n }\n return -1;\n}\n\nexport default strictIndexOf;\n","import baseFindIndex from './_baseFindIndex.js';\nimport baseIsNaN from './_baseIsNaN.js';\nimport strictIndexOf from './_strictIndexOf.js';\n\n/**\n * The base implementation of `_.indexOf` without `fromIndex` bounds checks.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} value The value to search for.\n * @param {number} fromIndex The index to search from.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction baseIndexOf(array, value, fromIndex) {\n return value === value\n ? strictIndexOf(array, value, fromIndex)\n : baseFindIndex(array, baseIsNaN, fromIndex);\n}\n\nexport default baseIndexOf;\n","import baseIndexOf from './_baseIndexOf.js';\n\n/**\n * A specialized version of `_.includes` for arrays without support for\n * specifying an index to search from.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\nfunction arrayIncludes(array, value) {\n var length = array == null ? 0 : array.length;\n return !!length && baseIndexOf(array, value, 0) > -1;\n}\n\nexport default arrayIncludes;\n","import Symbol from './_Symbol.js';\nimport isArguments from './isArguments.js';\nimport isArray from './isArray.js';\n\n/** Built-in value references. */\nvar spreadableSymbol = Symbol ? Symbol.isConcatSpreadable : undefined;\n\n/**\n * Checks if `value` is a flattenable `arguments` object or array.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is flattenable, else `false`.\n */\nfunction isFlattenable(value) {\n return isArray(value) || isArguments(value) ||\n !!(spreadableSymbol && value && value[spreadableSymbol]);\n}\n\nexport default isFlattenable;\n","import arrayPush from './_arrayPush.js';\nimport isFlattenable from './_isFlattenable.js';\n\n/**\n * The base implementation of `_.flatten` with support for restricting flattening.\n *\n * @private\n * @param {Array} array The array to flatten.\n * @param {number} depth The maximum recursion depth.\n * @param {boolean} [predicate=isFlattenable] The function invoked per iteration.\n * @param {boolean} [isStrict] Restrict to values that pass `predicate` checks.\n * @param {Array} [result=[]] The initial result value.\n * @returns {Array} Returns the new flattened array.\n */\nfunction baseFlatten(array, depth, predicate, isStrict, result) {\n var index = -1,\n length = array.length;\n\n predicate || (predicate = isFlattenable);\n result || (result = []);\n\n while (++index < length) {\n var value = array[index];\n if (depth > 0 && predicate(value)) {\n if (depth > 1) {\n // Recursively flatten arrays (susceptible to call stack limits).\n baseFlatten(value, depth - 1, predicate, isStrict, result);\n } else {\n arrayPush(result, value);\n }\n } else if (!isStrict) {\n result[result.length] = value;\n }\n }\n return result;\n}\n\nexport default baseFlatten;\n","/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Adds `value` to the array cache.\n *\n * @private\n * @name add\n * @memberOf SetCache\n * @alias push\n * @param {*} value The value to cache.\n * @returns {Object} Returns the cache instance.\n */\nfunction setCacheAdd(value) {\n this.__data__.set(value, HASH_UNDEFINED);\n return this;\n}\n\nexport default setCacheAdd;\n","/**\n * Checks if `value` is in the array cache.\n *\n * @private\n * @name has\n * @memberOf SetCache\n * @param {*} value The value to search for.\n * @returns {boolean} Returns `true` if `value` is found, else `false`.\n */\nfunction setCacheHas(value) {\n return this.__data__.has(value);\n}\n\nexport default setCacheHas;\n","import MapCache from './_MapCache.js';\nimport setCacheAdd from './_setCacheAdd.js';\nimport setCacheHas from './_setCacheHas.js';\n\n/**\n *\n * Creates an array cache object to store unique values.\n *\n * @private\n * @constructor\n * @param {Array} [values] The values to cache.\n */\nfunction SetCache(values) {\n var index = -1,\n length = values == null ? 0 : values.length;\n\n this.__data__ = new MapCache;\n while (++index < length) {\n this.add(values[index]);\n }\n}\n\n// Add methods to `SetCache`.\nSetCache.prototype.add = SetCache.prototype.push = setCacheAdd;\nSetCache.prototype.has = setCacheHas;\n\nexport default SetCache;\n","/**\n * Checks if a `cache` value for `key` exists.\n *\n * @private\n * @param {Object} cache The cache to query.\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction cacheHas(cache, key) {\n return cache.has(key);\n}\n\nexport default cacheHas;\n","import isArrayLike from './isArrayLike.js';\nimport isObjectLike from './isObjectLike.js';\n\n/**\n * This method is like `_.isArrayLike` except that it also checks if `value`\n * is an object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an array-like object,\n * else `false`.\n * @example\n *\n * _.isArrayLikeObject([1, 2, 3]);\n * // => true\n *\n * _.isArrayLikeObject(document.body.children);\n * // => true\n *\n * _.isArrayLikeObject('abc');\n * // => false\n *\n * _.isArrayLikeObject(_.noop);\n * // => false\n */\nfunction isArrayLikeObject(value) {\n return isObjectLike(value) && isArrayLike(value);\n}\n\nexport default isArrayLikeObject;\n","/**\n * This function is like `arrayIncludes` except that it accepts a comparator.\n *\n * @private\n * @param {Array} [array] The array to inspect.\n * @param {*} target The value to search for.\n * @param {Function} comparator The comparator invoked per element.\n * @returns {boolean} Returns `true` if `target` is found, else `false`.\n */\nfunction arrayIncludesWith(array, value, comparator) {\n var index = -1,\n length = array == null ? 0 : array.length;\n\n while (++index < length) {\n if (comparator(value, array[index])) {\n return true;\n }\n }\n return false;\n}\n\nexport default arrayIncludesWith;\n","import SetCache from './_SetCache.js';\nimport arrayIncludes from './_arrayIncludes.js';\nimport arrayIncludesWith from './_arrayIncludesWith.js';\nimport arrayMap from './_arrayMap.js';\nimport baseUnary from './_baseUnary.js';\nimport cacheHas from './_cacheHas.js';\n\n/** Used as the size to enable large array optimizations. */\nvar LARGE_ARRAY_SIZE = 200;\n\n/**\n * The base implementation of methods like `_.difference` without support\n * for excluding multiple arrays or iteratee shorthands.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {Array} values The values to exclude.\n * @param {Function} [iteratee] The iteratee invoked per element.\n * @param {Function} [comparator] The comparator invoked per element.\n * @returns {Array} Returns the new array of filtered values.\n */\nfunction baseDifference(array, values, iteratee, comparator) {\n var index = -1,\n includes = arrayIncludes,\n isCommon = true,\n length = array.length,\n result = [],\n valuesLength = values.length;\n\n if (!length) {\n return result;\n }\n if (iteratee) {\n values = arrayMap(values, baseUnary(iteratee));\n }\n if (comparator) {\n includes = arrayIncludesWith;\n isCommon = false;\n }\n else if (values.length >= LARGE_ARRAY_SIZE) {\n includes = cacheHas;\n isCommon = false;\n values = new SetCache(values);\n }\n outer:\n while (++index < length) {\n var value = array[index],\n computed = iteratee == null ? value : iteratee(value);\n\n value = (comparator || value !== 0) ? value : 0;\n if (isCommon && computed === computed) {\n var valuesIndex = valuesLength;\n while (valuesIndex--) {\n if (values[valuesIndex] === computed) {\n continue outer;\n }\n }\n result.push(value);\n }\n else if (!includes(values, computed, comparator)) {\n result.push(value);\n }\n }\n return result;\n}\n\nexport default baseDifference;\n","import baseDifference from './_baseDifference.js';\nimport baseFlatten from './_baseFlatten.js';\nimport baseRest from './_baseRest.js';\nimport isArrayLikeObject from './isArrayLikeObject.js';\n\n/**\n * Creates an array of `array` values not included in the other given arrays\n * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * for equality comparisons. The order and references of result values are\n * determined by the first array.\n *\n * **Note:** Unlike `_.pullAll`, this method returns a new array.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Array\n * @param {Array} array The array to inspect.\n * @param {...Array} [values] The values to exclude.\n * @returns {Array} Returns the new array of filtered values.\n * @see _.without, _.xor\n * @example\n *\n * _.difference([2, 1], [2, 3]);\n * // => [1]\n */\nvar difference = baseRest(function(array, values) {\n return isArrayLikeObject(array)\n ? baseDifference(array, baseFlatten(values, 1, isArrayLikeObject, true))\n : [];\n});\n\nexport default difference;\n","\nimport { useUniDirective } from '../composable';\nimport { fadeIn, fadeOut, selectAll, selectOne, module } from '../service';\nimport { difference } from 'lodash-es';\n\ntype HTMLInputTypes = HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement;\ntype Conditions = Record<string, any>;\n\nexport class ShowOn {\n el!: HTMLElement;\n input!: HTMLInputTypes;\n conditions: Conditions = {};\n targets = {};\n defaultReadonly: boolean | null = null;\n initialDisplay!: string;\n\n constructor(el: HTMLElement, conditions: Conditions) {\n this.el = el;\n this.input = this.el.querySelector<HTMLInputTypes>(\n this.el.dataset.inputSelector || '[data-field-input]'\n )!;\n this.conditions = conditions;\n\n this.init();\n }\n\n init() {\n this.initialDisplay = window.getComputedStyle(this.el).display || 'block';\n\n for (const selector in this.conditions) {\n const value = this.conditions[selector];\n\n const target = selectOne<HTMLElement>(selector)!;\n\n if (this.input) {\n this.defaultReadonly = this.input.hasAttribute('readonly');\n }\n\n let listenTarget: HTMLInputTypes[];\n\n if (target.nodeName === 'DIV') {\n listenTarget = Array.from(target.querySelectorAll<HTMLInputTypes>('input, select, textarea'));\n } else {\n listenTarget = [target as HTMLInputTypes];\n }\n\n selectAll(listenTarget, (ele) => {\n ele.addEventListener('change', () => {\n this.updateShowState(target, value);\n });\n });\n\n this.updateShowState(target, value, 1);\n }\n }\n\n updateShowState(target: HTMLElement, value: any, duration = 300) {\n const matched = this.isValueMatched(target, value);\n\n if (matched) {\n setTimeout(() => {\n fadeIn(this.el, duration, this.initialDisplay);\n }, duration);\n } else {\n if (this.input) {\n this.defaultReadonly ??= this.input.hasAttribute('readonly');\n }\n\n fadeOut(this.el, duration);\n }\n\n if (this.input) {\n if (matched) {\n if (!this.defaultReadonly) {\n this.input.removeAttribute('readonly');\n }\n\n this.defaultReadonly = null;\n } else {\n this.input.setAttribute('readonly', 'readonly');\n }\n }\n }\n\n isValueMatched(target: HTMLElement, value: any) {\n let targetValue: any = null;\n\n const type = this.nodeType(target);\n\n switch (type) {\n case 'input':\n case 'textarea':\n targetValue = (target as HTMLInputElement).value;\n break;\n case 'select':\n if (!(target as HTMLSelectElement).multiple) {\n targetValue = (target as HTMLSelectElement).value;\n } else {\n targetValue = selectAll(target.querySelectorAll('option'))\n .filter(option => option.selected)\n .map(option => option.value);\n }\n break;\n\n case 'checkbox':\n targetValue = (target as HTMLInputElement).checked ? (target as HTMLInputElement).value : [null, false];\n break;\n\n case 'radio':\n targetValue = target.querySelector<HTMLInputElement>('input[type=radio]:checked')?.value;\n break;\n }\n\n if (Array.isArray(value)) {\n if (Array.isArray(targetValue)) {\n return difference(value, targetValue).length === 0;\n }\n\n return value.indexOf(targetValue) !== -1;\n }\n\n if (targetValue && Array.isArray(targetValue)) {\n return targetValue.indexOf(value) !== -1;\n }\n\n return value == targetValue;\n }\n\n /**\n * @see https://github.com/nickjackson/val/blob/master/index.js#L55\n * @param el\n * @returns {string}\n */\n nodeType(el: HTMLElement): \"select\" | \"textarea\" | \"checkbox\" | \"input\" | \"radio\" {\n var node = el.nodeName.toLowerCase();\n var type = (el as HTMLInputElement).type;\n\n if (node === 'select') {\n return 'select';\n }\n\n if (node === 'textarea') {\n return 'textarea';\n }\n\n if (node === 'input') {\n if (type === 'checkbox') {\n return 'checkbox';\n }\n\n return 'input';\n }\n\n if (node === 'div') {\n if (el.querySelector('input[type=radio]')) {\n return 'radio';\n }\n }\n\n return 'input';\n }\n}\n\nexport const ready = useUniDirective('show-on', {\n mounted(el, { value }) {\n module<HTMLElement, HTMLElement>(el, 'show.on', (el) => {\n return new ShowOn(el, JSON.parse(value));\n });\n }\n});\n\nexport interface ShowOnModule {\n ShowOn: typeof ShowOn;\n ready: typeof ready;\n}\n"],"x_google_ignoreList":[0,1,2,3,4,5,6,7,8,9,10,11,12,13,14],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timing.js","names":[],"sources":["../../../../../../node_modules/@lyrasoft/ts-toolkit/src/generic/timing.ts"],"sourcesContent":["export function sleep(time: number) {\n return new Promise((resolve) => {\n setTimeout(resolve, time);\n });\n}\n\nexport function nextTick(callback = () => {}) {\n return Promise.resolve().then(callback);\n}\n"],"x_google_ignoreList":[0],"mappings":";AAAA,SAAgB,MAAM,MAAc;AAClC,QAAO,IAAI,SAAS,YAAY;AAC9B,aAAW,SAAS,KAAK;GACzB"}
|
package/dist/chunks/tinymce.js
CHANGED
|
@@ -1,216 +1,166 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { t as mergeDeep } from "./arr.js";
|
|
2
|
+
import { d as selectOne } from "./dom.js";
|
|
3
|
+
import { n as useStack } from "./useStack.js";
|
|
4
|
+
import { a as useScriptImport } from "./loader.js";
|
|
5
|
+
import { useHttpClient } from "../unicorn.js";
|
|
6
|
+
//#region src/module/tinymce.ts
|
|
7
|
+
var instances = {};
|
|
8
|
+
var hooks = [];
|
|
9
|
+
var imported;
|
|
5
10
|
async function get(selector, options = {}) {
|
|
6
|
-
|
|
7
|
-
|
|
11
|
+
const key = typeof selector !== "string" ? "#" + selector.id : selector;
|
|
12
|
+
return instances[key] ??= await create(selectOne(selector), options);
|
|
8
13
|
}
|
|
9
14
|
async function create(selector, options = {}) {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
el = selector;
|
|
16
|
-
}
|
|
17
|
-
return new TinymceController(tinymce2, el, options);
|
|
15
|
+
const tinymce = await loadTinymce();
|
|
16
|
+
let el;
|
|
17
|
+
if (typeof selector === "string") el = document.querySelector(selector);
|
|
18
|
+
else el = selector;
|
|
19
|
+
return new TinymceController(tinymce, el, options);
|
|
18
20
|
}
|
|
19
21
|
function destroy(selector) {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
const key = typeof selector !== "string" ? "#" + selector.id : selector;
|
|
23
|
+
instances[key]?.destroy();
|
|
24
|
+
delete instances[key];
|
|
23
25
|
}
|
|
24
26
|
function addHook(handler) {
|
|
25
|
-
|
|
27
|
+
hooks.push(handler);
|
|
26
28
|
}
|
|
27
29
|
function clearHooks() {
|
|
28
|
-
|
|
30
|
+
hooks = [];
|
|
29
31
|
}
|
|
30
32
|
async function loadTinymce() {
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
});
|
|
40
|
-
});
|
|
33
|
+
return imported ??= new Promise((resolve) => {
|
|
34
|
+
useScriptImport("@tinymce").then(() => {
|
|
35
|
+
for (const hook of hooks) hook(tinymce);
|
|
36
|
+
registerDragPlugin(tinymce).then(() => {
|
|
37
|
+
resolve(tinymce);
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
41
|
}
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
// };
|
|
131
|
-
// reader.readAsDataURL(file);
|
|
132
|
-
// input.remove();
|
|
133
|
-
// };
|
|
134
|
-
//
|
|
135
|
-
// input.click();
|
|
136
|
-
// }
|
|
137
|
-
async imageUploadHandler(blobInfo, progress) {
|
|
138
|
-
const element = this.element;
|
|
139
|
-
element.dispatchEvent(new CustomEvent("upload-start"));
|
|
140
|
-
const formData = new FormData();
|
|
141
|
-
formData.append("file", blobInfo.blob(), blobInfo.filename());
|
|
142
|
-
const stack = useStack(this.options.unicorn.stack_name);
|
|
143
|
-
stack.push(true);
|
|
144
|
-
const { post, isAxiosError } = await useHttpClient();
|
|
145
|
-
try {
|
|
146
|
-
let res = await post(
|
|
147
|
-
this.options.images_upload_url,
|
|
148
|
-
formData,
|
|
149
|
-
{
|
|
150
|
-
withCredentials: false,
|
|
151
|
-
onUploadProgress: (e) => {
|
|
152
|
-
progress(e.loaded / e.total * 100);
|
|
153
|
-
}
|
|
154
|
-
}
|
|
155
|
-
);
|
|
156
|
-
element.dispatchEvent(new CustomEvent("upload-success"));
|
|
157
|
-
return res.data.data.url;
|
|
158
|
-
} catch (err) {
|
|
159
|
-
if (isAxiosError(err)) {
|
|
160
|
-
const message = err?.response?.data?.message || err.message;
|
|
161
|
-
console.error(err?.response?.data?.message || err.message, err);
|
|
162
|
-
element.dispatchEvent(new CustomEvent("upload-error", { detail: err }));
|
|
163
|
-
return Promise.reject({ message, remove: true });
|
|
164
|
-
}
|
|
165
|
-
throw err;
|
|
166
|
-
} finally {
|
|
167
|
-
element.dispatchEvent(new CustomEvent("upload-complete"));
|
|
168
|
-
stack.pop();
|
|
169
|
-
}
|
|
170
|
-
}
|
|
171
|
-
destroy() {
|
|
172
|
-
this.editor?.destroy();
|
|
173
|
-
this.editor = void 0;
|
|
174
|
-
}
|
|
175
|
-
}
|
|
176
|
-
function registerDragPlugin(tinymce2) {
|
|
177
|
-
tinymce2.PluginManager.add("unicorndragdrop", function(editor) {
|
|
178
|
-
tinymce2.DOM.bind(document, "dragleave", function(e) {
|
|
179
|
-
e.stopPropagation();
|
|
180
|
-
e.preventDefault();
|
|
181
|
-
if (tinymce2.activeEditor) {
|
|
182
|
-
tinymce2.activeEditor.contentAreaContainer.style.transition = "all .3s";
|
|
183
|
-
tinymce2.activeEditor.contentAreaContainer.style.borderWidth = "";
|
|
184
|
-
}
|
|
185
|
-
return false;
|
|
186
|
-
});
|
|
187
|
-
if (typeof FormData !== "undefined") {
|
|
188
|
-
editor.on("dragenter", (e) => {
|
|
189
|
-
e.stopPropagation();
|
|
190
|
-
return false;
|
|
191
|
-
});
|
|
192
|
-
editor.on("dragover", (e) => {
|
|
193
|
-
e.preventDefault();
|
|
194
|
-
if (tinymce2.activeEditor) {
|
|
195
|
-
tinymce2.activeEditor.contentAreaContainer.style.transition = "all .3s";
|
|
196
|
-
tinymce2.activeEditor.contentAreaContainer.style.border = "3px dashed rgba(0, 0, 0, .35)";
|
|
197
|
-
}
|
|
198
|
-
return false;
|
|
199
|
-
});
|
|
200
|
-
editor.on("drop", (e) => {
|
|
201
|
-
editor.contentAreaContainer.style.borderWidth = "";
|
|
202
|
-
editor.contentAreaContainer.style.borderWidth = "";
|
|
203
|
-
});
|
|
204
|
-
}
|
|
205
|
-
});
|
|
206
|
-
return Promise.resolve();
|
|
207
|
-
}
|
|
208
|
-
export {
|
|
209
|
-
TinymceController,
|
|
210
|
-
addHook,
|
|
211
|
-
clearHooks,
|
|
212
|
-
create,
|
|
213
|
-
destroy,
|
|
214
|
-
get
|
|
42
|
+
var defaultOptions = {};
|
|
43
|
+
var TinymceController = class {
|
|
44
|
+
editor;
|
|
45
|
+
options = {};
|
|
46
|
+
constructor(tinymce, element, options) {
|
|
47
|
+
this.tinymce = tinymce;
|
|
48
|
+
this.element = element;
|
|
49
|
+
this.options = mergeDeep({ unicorn: { stack_name: "uploading" } }, defaultOptions, this.prepareOptions(options, tinymce.majorVersion));
|
|
50
|
+
this.options.target = element;
|
|
51
|
+
tinymce.init(this.options).then((editor) => {
|
|
52
|
+
if (!editor[0]) throw new Error("Failed to initialize TinyMCE editor.");
|
|
53
|
+
this.editor = editor[0];
|
|
54
|
+
});
|
|
55
|
+
}
|
|
56
|
+
prepareOptions(options, version = "6") {
|
|
57
|
+
const defaults = {};
|
|
58
|
+
if (options.images_upload_url) {
|
|
59
|
+
defaults.paste_data_images = true;
|
|
60
|
+
defaults.remove_script_host = false;
|
|
61
|
+
defaults.relative_urls = false;
|
|
62
|
+
if (Number(version) >= 6) defaults.images_upload_handler = (blobInfo, progress) => this.imageUploadHandler(blobInfo, progress);
|
|
63
|
+
else {
|
|
64
|
+
options.plugins.push("paste");
|
|
65
|
+
defaults.images_upload_handler = (blobInfo, success, failure, progress) => this.imageUploadHandler(blobInfo, progress).then((url) => {
|
|
66
|
+
success(url);
|
|
67
|
+
return url;
|
|
68
|
+
}).catch((e) => {
|
|
69
|
+
failure(e.message, { remove: true });
|
|
70
|
+
throw e;
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
defaults.plugins = defaults.plugins || [];
|
|
75
|
+
defaults.setup = (editor) => {
|
|
76
|
+
editor.on("change", () => {
|
|
77
|
+
this.tinymce.triggerSave();
|
|
78
|
+
});
|
|
79
|
+
};
|
|
80
|
+
options = mergeDeep({}, defaults, options);
|
|
81
|
+
if (options.plugins.indexOf("unicorndragdrop") === -1) options.plugins.push("unicorndragdrop");
|
|
82
|
+
return options;
|
|
83
|
+
}
|
|
84
|
+
insert(text) {
|
|
85
|
+
this.editor?.insertContent(text);
|
|
86
|
+
}
|
|
87
|
+
getValue() {
|
|
88
|
+
return this.editor?.getContent() ?? "";
|
|
89
|
+
}
|
|
90
|
+
setValue(text) {
|
|
91
|
+
this.editor?.setContent(text);
|
|
92
|
+
}
|
|
93
|
+
async imageUploadHandler(blobInfo, progress) {
|
|
94
|
+
const element = this.element;
|
|
95
|
+
element.dispatchEvent(new CustomEvent("upload-start"));
|
|
96
|
+
const formData = new FormData();
|
|
97
|
+
formData.append("file", blobInfo.blob(), blobInfo.filename());
|
|
98
|
+
const stack = useStack(this.options.unicorn.stack_name);
|
|
99
|
+
stack.push(true);
|
|
100
|
+
const { post, isAxiosError } = await useHttpClient();
|
|
101
|
+
try {
|
|
102
|
+
let res = await post(this.options.images_upload_url, formData, {
|
|
103
|
+
withCredentials: false,
|
|
104
|
+
onUploadProgress: (e) => {
|
|
105
|
+
progress(e.loaded / e.total * 100);
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
element.dispatchEvent(new CustomEvent("upload-success"));
|
|
109
|
+
return res.data.data.url;
|
|
110
|
+
} catch (err) {
|
|
111
|
+
if (isAxiosError(err)) {
|
|
112
|
+
const message = err?.response?.data?.message || err.message;
|
|
113
|
+
console.error(err?.response?.data?.message || err.message, err);
|
|
114
|
+
element.dispatchEvent(new CustomEvent("upload-error", { detail: err }));
|
|
115
|
+
return Promise.reject({
|
|
116
|
+
message,
|
|
117
|
+
remove: true
|
|
118
|
+
});
|
|
119
|
+
}
|
|
120
|
+
throw err;
|
|
121
|
+
} finally {
|
|
122
|
+
element.dispatchEvent(new CustomEvent("upload-complete"));
|
|
123
|
+
stack.pop();
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
destroy() {
|
|
127
|
+
this.editor?.destroy();
|
|
128
|
+
this.editor = void 0;
|
|
129
|
+
}
|
|
215
130
|
};
|
|
216
|
-
|
|
131
|
+
function registerDragPlugin(tinymce) {
|
|
132
|
+
tinymce.PluginManager.add("unicorndragdrop", function(editor) {
|
|
133
|
+
tinymce.DOM.bind(document, "dragleave", function(e) {
|
|
134
|
+
e.stopPropagation();
|
|
135
|
+
e.preventDefault();
|
|
136
|
+
if (tinymce.activeEditor) {
|
|
137
|
+
tinymce.activeEditor.contentAreaContainer.style.transition = "all .3s";
|
|
138
|
+
tinymce.activeEditor.contentAreaContainer.style.borderWidth = "";
|
|
139
|
+
}
|
|
140
|
+
return false;
|
|
141
|
+
});
|
|
142
|
+
if (typeof FormData !== "undefined") {
|
|
143
|
+
editor.on("dragenter", (e) => {
|
|
144
|
+
e.stopPropagation();
|
|
145
|
+
return false;
|
|
146
|
+
});
|
|
147
|
+
editor.on("dragover", (e) => {
|
|
148
|
+
e.preventDefault();
|
|
149
|
+
if (tinymce.activeEditor) {
|
|
150
|
+
tinymce.activeEditor.contentAreaContainer.style.transition = "all .3s";
|
|
151
|
+
tinymce.activeEditor.contentAreaContainer.style.border = "3px dashed rgba(0, 0, 0, .35)";
|
|
152
|
+
}
|
|
153
|
+
return false;
|
|
154
|
+
});
|
|
155
|
+
editor.on("drop", (e) => {
|
|
156
|
+
editor.contentAreaContainer.style.borderWidth = "";
|
|
157
|
+
editor.contentAreaContainer.style.borderWidth = "";
|
|
158
|
+
});
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
return Promise.resolve();
|
|
162
|
+
}
|
|
163
|
+
//#endregion
|
|
164
|
+
export { TinymceController, addHook, clearHooks, create, destroy, get };
|
|
165
|
+
|
|
166
|
+
//# sourceMappingURL=tinymce.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tinymce.js","sources":["../../src/module/tinymce.ts"],"sourcesContent":["import type { Editor, EditorOptions, TinyMCE } from 'tinymce';\nimport { useHttpClient, useStack } from '../composable';\nimport { selectOne, useImport, useScriptImport } from '../service';\nimport { Dictionary, MaybePromise } from '../types';\nimport { mergeDeep } from '../utilities';\n\nconst instances: Dictionary<TinymceController> = {};\nlet hooks: ((tinymce: TinyMCE) => MaybePromise<any>)[] = [];\nlet imported: Promise<TinyMCE>;\n\ndeclare type UploadHandlerParams = Parameters<NonNullable<EditorOptions['images_upload_handler']>>;\n\nexport async function get(\n selector: string | HTMLElement,\n options: Record<string, any> = {}\n): Promise<TinymceController> {\n const key = typeof selector !== 'string' ? '#' + selector.id : selector;\n\n return instances[key] ??= await create(selectOne(selector)!, options);\n}\n\nexport async function create(\n selector: string | HTMLElement,\n options: Record<string, any> = {}\n): Promise<TinymceController> {\n const tinymce = await loadTinymce();\n let el: HTMLElement;\n\n if (typeof selector === 'string') {\n el = document.querySelector<HTMLElement>(selector)!;\n } else {\n el = selector;\n }\n\n return new TinymceController(tinymce, el, options);\n}\n\nexport function destroy(selector: string | HTMLElement): void {\n const key = typeof selector !== 'string' ? '#' + selector.id : selector;\n\n instances[key]?.destroy();\n\n delete instances[key];\n}\n\nexport function addHook(handler: ((tinymce: TinyMCE) => MaybePromise<any>)) {\n hooks.push(handler);\n}\n\nexport function clearHooks() {\n hooks = [];\n}\n\nasync function loadTinymce(): Promise<TinyMCE> {\n return imported ??= new Promise((resolve) => {\n useScriptImport('@tinymce').then(() => {\n for (const hook of hooks) {\n hook(tinymce);\n }\n registerDragPlugin(tinymce).then(() => {\n resolve(tinymce);\n });\n });\n });\n}\n\nconst defaultOptions: Record<string, any> = {};\n\nexport class TinymceController {\n editor?: Editor;\n options: Record<string, any> = {};\n\n constructor(protected tinymce: TinyMCE, public element: HTMLElement, options: Record<string, any>) {\n this.options = mergeDeep(\n {\n unicorn: {\n stack_name: 'uploading'\n }\n },\n defaultOptions,\n this.prepareOptions(options, tinymce.majorVersion),\n );\n\n this.options.target = element;\n\n tinymce.init(this.options).then((editor) => {\n if (!editor[0]) {\n throw new Error('Failed to initialize TinyMCE editor.');\n }\n\n this.editor = editor[0];\n });\n }\n\n prepareOptions(options: Record<string, any>, version = '6') {\n const defaults: Partial<EditorOptions> = {};\n\n if (options.images_upload_url) {\n defaults.paste_data_images = true;\n defaults.remove_script_host = false;\n defaults.relative_urls = false;\n\n if (Number(version) >= 6) {\n defaults.images_upload_handler = (blobInfo, progress) =>\n this.imageUploadHandler(blobInfo, progress);\n } else {\n options.plugins.push('paste');\n\n // @ts-ignore\n defaults.images_upload_handler = (blobInfo, success, failure, progress) =>\n this.imageUploadHandler(blobInfo, progress)\n .then((url) => {\n success(url);\n return url;\n })\n .catch((e) => {\n failure(e.message, { remove: true });\n throw e;\n });\n }\n }\n\n // defaults.file_picker_callback = (...args) => this.filePickerCallback(...args);\n\n defaults.plugins = defaults.plugins || [];\n\n defaults.setup = (editor) => {\n editor.on('change', () => {\n this.tinymce.triggerSave();\n });\n };\n\n options = mergeDeep({}, defaults, options);\n\n if (options.plugins.indexOf('unicorndragdrop') === -1) {\n options.plugins.push('unicorndragdrop');\n }\n\n return options;\n }\n\n insert(text: string) {\n this.editor?.insertContent(text);\n }\n\n getValue(): string {\n return this.editor?.getContent() ?? '';\n }\n\n setValue(text: string): void {\n this.editor?.setContent(text);\n }\n\n // filePickerCallback(callback, value, meta) {\n // const input = document.createElement('input');\n // input.setAttribute('type', 'file');\n // input.style.display = 'none';\n //\n // if (meta.filetype === 'image') {\n // input.setAttribute('accept', `image/\\*`);\n // }\n //\n // document.body.appendChild(input);\n //\n // input.onchange = function () {\n // const file = this.files[0];\n //\n // const reader = new FileReader();\n // reader.onload = function () {\n // const id = 'blobid' + (new Date()).getTime();\n // const blobCache = tinymce.activeEditor.editorUpload.blobCache;\n // const base64 = reader.result.split(',')[1];\n // const blobInfo = blobCache.create(id, file, base64);\n // blobCache.add(blobInfo);\n //\n // /* call the callback and populate the Title field with the file name */\n // callback(blobInfo.blobUri(), { title: file.name, text: file.name });\n // };\n // reader.readAsDataURL(file);\n // input.remove();\n // };\n //\n // input.click();\n // }\n\n async imageUploadHandler(blobInfo: UploadHandlerParams[0], progress: UploadHandlerParams[1]) {\n const element = this.element;\n\n element.dispatchEvent(new CustomEvent('upload-start'));\n\n const formData = new FormData();\n formData.append('file', blobInfo.blob(), blobInfo.filename());\n\n const stack = useStack(this.options.unicorn.stack_name);\n stack.push(true);\n\n const { post, isAxiosError } = await useHttpClient();\n\n try {\n let res = await post(\n this.options.images_upload_url,\n formData,\n {\n withCredentials: false,\n onUploadProgress: (e) => {\n progress(e.loaded / e.total! * 100);\n }\n }\n );\n element.dispatchEvent(new CustomEvent('upload-success'));\n\n return res.data.data.url;\n } catch (err) {\n if (isAxiosError(err)) {\n const message = err?.response?.data?.message || err.message;\n console.error(err?.response?.data?.message || err.message, err);\n element.dispatchEvent(new CustomEvent('upload-error', { detail: err }));\n\n return Promise.reject({ message, remove: true });\n }\n\n throw err;\n } finally {\n element.dispatchEvent(new CustomEvent('upload-complete'));\n stack.pop();\n }\n }\n\n destroy() {\n this.editor?.destroy();\n this.editor = undefined;\n }\n}\n\nfunction registerDragPlugin(tinymce: TinyMCE) {\n tinymce.PluginManager.add('unicorndragdrop', function (editor) {\n // Reset the drop area border\n tinymce.DOM.bind(document, 'dragleave', function (e) {\n e.stopPropagation();\n e.preventDefault();\n\n if (tinymce.activeEditor) {\n tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\n tinymce.activeEditor.contentAreaContainer.style.borderWidth = '';\n }\n\n return false;\n });\n\n if (typeof FormData !== 'undefined') {\n\n // Fix for Chrome\n editor.on('dragenter', e => {\n e.stopPropagation();\n return false;\n });\n\n // Notify user when file is over the drop area\n editor.on('dragover', e => {\n e.preventDefault();\n\n if (tinymce.activeEditor) {\n tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\n tinymce.activeEditor.contentAreaContainer.style.border = '3px dashed rgba(0, 0, 0, .35)';\n }\n\n return false;\n });\n\n editor.on('drop', e => {\n editor.contentAreaContainer.style.borderWidth = '';\n editor.contentAreaContainer.style.borderWidth = '';\n });\n }\n });\n\n return Promise.resolve();\n}\n\nexport interface TinymceModule {\n get: typeof get;\n create: typeof create;\n destroy: typeof destroy;\n addHook: typeof addHook;\n clearHooks: typeof clearHooks;\n TinymceController: typeof TinymceController;\n}\n\ndeclare global {\n var tinymce: TinyMCE;\n}\n"],"names":["tinymce"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tinymce.js","names":[],"sources":["../../src/module/tinymce.ts"],"sourcesContent":["import type { Editor, EditorOptions, TinyMCE } from 'tinymce';\nimport { useHttpClient, useStack } from '../composable';\nimport { selectOne, useImport, useScriptImport } from '../service';\nimport { Dictionary, MaybePromise } from '../types';\nimport { mergeDeep } from '../utilities';\n\nconst instances: Dictionary<TinymceController> = {};\nlet hooks: ((tinymce: TinyMCE) => MaybePromise<any>)[] = [];\nlet imported: Promise<TinyMCE>;\n\ndeclare type UploadHandlerParams = Parameters<NonNullable<EditorOptions['images_upload_handler']>>;\n\nexport async function get(\n selector: string | HTMLElement,\n options: Record<string, any> = {}\n): Promise<TinymceController> {\n const key = typeof selector !== 'string' ? '#' + selector.id : selector;\n\n return instances[key] ??= await create(selectOne(selector)!, options);\n}\n\nexport async function create(\n selector: string | HTMLElement,\n options: Record<string, any> = {}\n): Promise<TinymceController> {\n const tinymce = await loadTinymce();\n let el: HTMLElement;\n\n if (typeof selector === 'string') {\n el = document.querySelector<HTMLElement>(selector)!;\n } else {\n el = selector;\n }\n\n return new TinymceController(tinymce, el, options);\n}\n\nexport function destroy(selector: string | HTMLElement): void {\n const key = typeof selector !== 'string' ? '#' + selector.id : selector;\n\n instances[key]?.destroy();\n\n delete instances[key];\n}\n\nexport function addHook(handler: ((tinymce: TinyMCE) => MaybePromise<any>)) {\n hooks.push(handler);\n}\n\nexport function clearHooks() {\n hooks = [];\n}\n\nasync function loadTinymce(): Promise<TinyMCE> {\n return imported ??= new Promise((resolve) => {\n useScriptImport('@tinymce').then(() => {\n for (const hook of hooks) {\n hook(tinymce);\n }\n registerDragPlugin(tinymce).then(() => {\n resolve(tinymce);\n });\n });\n });\n}\n\nconst defaultOptions: Record<string, any> = {};\n\nexport class TinymceController {\n editor?: Editor;\n options: Record<string, any> = {};\n\n constructor(protected tinymce: TinyMCE, public element: HTMLElement, options: Record<string, any>) {\n this.options = mergeDeep(\n {\n unicorn: {\n stack_name: 'uploading'\n }\n },\n defaultOptions,\n this.prepareOptions(options, tinymce.majorVersion),\n );\n\n this.options.target = element;\n\n tinymce.init(this.options).then((editor) => {\n if (!editor[0]) {\n throw new Error('Failed to initialize TinyMCE editor.');\n }\n\n this.editor = editor[0];\n });\n }\n\n prepareOptions(options: Record<string, any>, version = '6') {\n const defaults: Partial<EditorOptions> = {};\n\n if (options.images_upload_url) {\n defaults.paste_data_images = true;\n defaults.remove_script_host = false;\n defaults.relative_urls = false;\n\n if (Number(version) >= 6) {\n defaults.images_upload_handler = (blobInfo, progress) =>\n this.imageUploadHandler(blobInfo, progress);\n } else {\n options.plugins.push('paste');\n\n // @ts-ignore\n defaults.images_upload_handler = (blobInfo, success, failure, progress) =>\n this.imageUploadHandler(blobInfo, progress)\n .then((url) => {\n success(url);\n return url;\n })\n .catch((e) => {\n failure(e.message, { remove: true });\n throw e;\n });\n }\n }\n\n // defaults.file_picker_callback = (...args) => this.filePickerCallback(...args);\n\n defaults.plugins = defaults.plugins || [];\n\n defaults.setup = (editor) => {\n editor.on('change', () => {\n this.tinymce.triggerSave();\n });\n };\n\n options = mergeDeep({}, defaults, options);\n\n if (options.plugins.indexOf('unicorndragdrop') === -1) {\n options.plugins.push('unicorndragdrop');\n }\n\n return options;\n }\n\n insert(text: string) {\n this.editor?.insertContent(text);\n }\n\n getValue(): string {\n return this.editor?.getContent() ?? '';\n }\n\n setValue(text: string): void {\n this.editor?.setContent(text);\n }\n\n // filePickerCallback(callback, value, meta) {\n // const input = document.createElement('input');\n // input.setAttribute('type', 'file');\n // input.style.display = 'none';\n //\n // if (meta.filetype === 'image') {\n // input.setAttribute('accept', `image/\\*`);\n // }\n //\n // document.body.appendChild(input);\n //\n // input.onchange = function () {\n // const file = this.files[0];\n //\n // const reader = new FileReader();\n // reader.onload = function () {\n // const id = 'blobid' + (new Date()).getTime();\n // const blobCache = tinymce.activeEditor.editorUpload.blobCache;\n // const base64 = reader.result.split(',')[1];\n // const blobInfo = blobCache.create(id, file, base64);\n // blobCache.add(blobInfo);\n //\n // /* call the callback and populate the Title field with the file name */\n // callback(blobInfo.blobUri(), { title: file.name, text: file.name });\n // };\n // reader.readAsDataURL(file);\n // input.remove();\n // };\n //\n // input.click();\n // }\n\n async imageUploadHandler(blobInfo: UploadHandlerParams[0], progress: UploadHandlerParams[1]) {\n const element = this.element;\n\n element.dispatchEvent(new CustomEvent('upload-start'));\n\n const formData = new FormData();\n formData.append('file', blobInfo.blob(), blobInfo.filename());\n\n const stack = useStack(this.options.unicorn.stack_name);\n stack.push(true);\n\n const { post, isAxiosError } = await useHttpClient();\n\n try {\n let res = await post(\n this.options.images_upload_url,\n formData,\n {\n withCredentials: false,\n onUploadProgress: (e) => {\n progress(e.loaded / e.total! * 100);\n }\n }\n );\n element.dispatchEvent(new CustomEvent('upload-success'));\n\n return res.data.data.url;\n } catch (err) {\n if (isAxiosError(err)) {\n const message = err?.response?.data?.message || err.message;\n console.error(err?.response?.data?.message || err.message, err);\n element.dispatchEvent(new CustomEvent('upload-error', { detail: err }));\n\n return Promise.reject({ message, remove: true });\n }\n\n throw err;\n } finally {\n element.dispatchEvent(new CustomEvent('upload-complete'));\n stack.pop();\n }\n }\n\n destroy() {\n this.editor?.destroy();\n this.editor = undefined;\n }\n}\n\nfunction registerDragPlugin(tinymce: TinyMCE) {\n tinymce.PluginManager.add('unicorndragdrop', function (editor) {\n // Reset the drop area border\n tinymce.DOM.bind(document, 'dragleave', function (e) {\n e.stopPropagation();\n e.preventDefault();\n\n if (tinymce.activeEditor) {\n tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\n tinymce.activeEditor.contentAreaContainer.style.borderWidth = '';\n }\n\n return false;\n });\n\n if (typeof FormData !== 'undefined') {\n\n // Fix for Chrome\n editor.on('dragenter', e => {\n e.stopPropagation();\n return false;\n });\n\n // Notify user when file is over the drop area\n editor.on('dragover', e => {\n e.preventDefault();\n\n if (tinymce.activeEditor) {\n tinymce.activeEditor.contentAreaContainer.style.transition = 'all .3s';\n tinymce.activeEditor.contentAreaContainer.style.border = '3px dashed rgba(0, 0, 0, .35)';\n }\n\n return false;\n });\n\n editor.on('drop', e => {\n editor.contentAreaContainer.style.borderWidth = '';\n editor.contentAreaContainer.style.borderWidth = '';\n });\n }\n });\n\n return Promise.resolve();\n}\n\nexport interface TinymceModule {\n get: typeof get;\n create: typeof create;\n destroy: typeof destroy;\n addHook: typeof addHook;\n clearHooks: typeof clearHooks;\n TinymceController: typeof TinymceController;\n}\n\ndeclare global {\n var tinymce: TinyMCE;\n}\n"],"mappings":"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"}
|