@ajaxjs/ui 1.3.12 → 1.4.1

package/README.md

@@ -1,30 +1,3 @@
-[![NPM](https://img.shields.io/npm/v/@ajaxjs/ui.svg?sanitize=true)](https://www.npmjs.com/package/@ajaxjs/ui)
-[![Vue.js](https://img.shields.io/badge/Vue.js-2.6.14-brightgreen.svg?style=flat&logo=vuedotjs&logoColor=white)](https://vuejs.org)
-[![TypeScript](https://img.shields.io/badge/TypeScript-4.9.4-blue.svg?style=flat&logo=Typescript&logoColor=white)](https://www.typescriptlang.org/)
-[![License](https://img.shields.io/badge/license-Apache--2.0-green.svg?longCache=true&style=flat)](http://www.apache.org/licenses/LICENSE-2.0.txt)
-[![Email](https://img.shields.io/badge/Contact--me-Email-orange.svg)](mailto:frank@ajaxjs.com)
-[![QQ群](https://framework.ajaxjs.com/static/qq.svg)](https://shang.qq.com/wpa/qunwpa?idkey=3877893a4ed3a5f0be01e809e7ac120e346102bd550deb6692239bb42de38e22)
+# Ajaxjs UI Library
 
-# Widgets based on iView.js
-
-for Vue2 & iView.js v2
-
-NPM: https://www.npmjs.com/package/@ajaxjs/ui.
-
-```shell
-npm i @ajaxjs/ui # install
-npm run dev # do coding
-npm run build # output js
-npm run release # deploy to NPM
-```
-
-## API Selector API 选择器
-
-## API Helper 可视化 HTTP 请求工具
-
-![Api Helper](https://foruda.gitee.com/images/1678378502563913592/697d70c3_784269.png)
-
-
-教程 https://blog.csdn.net/zhangxin09/article/details/129391388
-
-[在线演示](https://framework.ajaxjs.com/demo/api-helper/) | [源码](https://gitee.com/sp42_admin/ajaxjs/tree/master/aj-ui-widget/api-helper) | [NPM 发布页](https://www.npmjs.com/package/@ajaxjs/aj-api-helper)
+[![npm version](https://img.shields.io/npm/v/your-package-name.svg)](https://www.npmjs.com/package/@ajaxjs/ui)

package/dist/ajaxjs-ui.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),i={},l=(e,t)=>{const r=e.__vccOpts||e;for(const[n,o]of t)r[n]=o;return r};function s(e,t,r,n,o,c){return a.openBlock(),a.createElementBlock("button",null,"hihi")}const u=l(i,[["render",s]]);function p(e,t){const n=(t?parent.location:window.location).search.substring(1).split("&");for(let o=0;o<n.length;o++){const c=n[o].split("=");if(c[0]==e)return c[1]}return null}function d(e){if(navigator.clipboard)navigator.clipboard.writeText(e);else{const t=document.createElement("textarea");document.body.appendChild(t),t.style.position="fixed",t.style.clip="rect(0 0 0 0)",t.style.top="10px",t.value=e,t.select(),document.execCommand("copy",!0),document.body.removeChild(t)}}exports.MyButton=u;exports.copyToClipboard=d;exports.getQueryParam=p;

package/dist/ajaxjs-ui.es.js

@@ -0,0 +1,33 @@
+import { openBlock as a, createElementBlock as i } from "vue";
+const l = {}, s = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, o] of t)
+    r[n] = o;
+  return r;
+};
+function p(e, t, r, n, o, c) {
+  return a(), i("button", null, "hihi");
+}
+const d = /* @__PURE__ */ s(l, [["render", p]]);
+function m(e, t) {
+  const n = (t ? parent.location : window.location).search.substring(1).split("&");
+  for (let o = 0; o < n.length; o++) {
+    const c = n[o].split("=");
+    if (c[0] == e)
+      return c[1];
+  }
+  return null;
+}
+function f(e) {
+  if (navigator.clipboard)
+    navigator.clipboard.writeText(e);
+  else {
+    const t = document.createElement("textarea");
+    document.body.appendChild(t), t.style.position = "fixed", t.style.clip = "rect(0 0 0 0)", t.style.top = "10px", t.value = e, t.select(), document.execCommand("copy", !0), document.body.removeChild(t);
+  }
+}
+export {
+  d as MyButton,
+  f as copyToClipboard,
+  m as getQueryParam
+};

package/dist/ajaxjs-ui.umd.js

@@ -0,0 +1 @@
+(function(t,n){typeof exports=="object"&&typeof module<"u"?n(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],n):(t=typeof globalThis<"u"?globalThis:t||self,n(t.ajaxjs_ui={},t.Vue))})(this,(function(t,n){"use strict";const a={},s=(o,e)=>{const c=o.__vccOpts||o;for(const[r,i]of e)c[r]=i;return c};function l(o,e,c,r,i,u){return n.openBlock(),n.createElementBlock("button",null,"hihi")}const d=s(a,[["render",l]]);function p(o,e){const r=(e?parent.location:window.location).search.substring(1).split("&");for(let i=0;i<r.length;i++){const u=r[i].split("=");if(u[0]==o)return u[1]}return null}function f(o){if(navigator.clipboard)navigator.clipboard.writeText(o);else{const e=document.createElement("textarea");document.body.appendChild(e),e.style.position="fixed",e.style.clip="rect(0 0 0 0)",e.style.top="10px",e.value=o,e.select(),document.execCommand("copy",!0),document.body.removeChild(e)}}t.MyButton=d,t.copyToClipboard=f,t.getQueryParam=p,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})}));

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export {}

package/dist/utils.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Gets a query parameter value from the URL search string.
+ *
+ * @param variable - The name of the query parameter to retrieve.
+ * @param isParent - Whether to get the parameter from the parent window's URL (true) or current window's URL (false).
+ * @returns The value of the query parameter if found, otherwise null.
+ */
+export declare function getQueryParam(variable: string, isParent: boolean): string | null;
+/**
+ * Copies text to the clipboard using the modern Clipboard API if available, or a fallback method.
+ *
+ * @param text - The text to copy to the clipboard.
+ * @returns void
+ * @description Uses navigator.clipboard.writeText() for modern browsers, and falls back to creating a temporary textarea element
+ * for older browsers that don't support the Clipboard API.
+ */
+export declare function copyToClipboard(text: string): void;
+/**
+ * 通用的打开下载对话框方法，没有测试过具体兼容性
+ * https://www.cnblogs.com/liuxianan/p/js-download.html
+ *
+ * ref 这应该是你见过的最全前端下载总结 https://juejin.cn/post/6844903763359039501
+ *
+ * @param url 下载地址，也可以是一个blob对象，必选
+ * @param saveName 保存文件名，可选
+ */
+export declare function openDownloadDialog(url: string | Blob, saveName: string): void;
+/**
+ * Processes elements with the "w3-include-html" attribute by fetching and including the specified HTML content.
+ * This function recursively processes elements to handle any newly added content that also has the attribute.
+ *
+ * @description Iterates through all elements in the document, finds those with the "w3-include-html" attribute,
+ * fetches the HTML content from the specified file using a synchronous XMLHttpRequest, replaces the element with
+ * the fetched content, and then calls itself recursively to process any new elements that might have been added.
+ */
+export declare function myHTMLInclude(): void;

package/package.json

@@ -1,49 +1,55 @@
-{
-  "name": "@ajaxjs/ui",
-  "version": "1.3.12",
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
-  "keywords": [
-    "ajaxjs"
-  ],
-  "author": "Frank Cheung <frank@ajaxjs.com>",
-  "license": "Apache License 2.0",
-  "description": "Widgets based on iView.js",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/lightweight-component/js/tree/main/ui"
-  },
-  "bugs": {
-    "url": "https://github.com/lightweight-component/js/issues"
-  },
-  "scripts": {
-    "serve": "vue-cli-service serve",
-    "build": "vue-cli-service build",
-    "lint": "vue-cli-service lint",
-    "lib": "vue-cli-service build --target lib --name @ajaxjs/ui --dest dist src/index.js",
-    "deploy": "npm run lib && npm version patch && npm publish"
-  },
-  "main": "dist/@ajaxjs/ui.umd.js",
-  "types": "dist/types.d.ts",
-  "dependencies": {},
-  "devDependencies": {
-    "@ajaxjs/util": "1.1.3",
-    "@typescript-eslint/eslint-plugin": "^5.4.0",
-    "@typescript-eslint/parser": "^5.4.0",
-    "@vue/cli-plugin-babel": "~5.0.0",
-    "@vue/cli-plugin-eslint": "~5.0.0",
-    "@vue/cli-plugin-typescript": "~5.0.0",
-    "@vue/cli-service": "~5.0.0",
-    "@vue/eslint-config-typescript": "^9.1.0",
-    "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
-    "less": "^4.0.0",
-    "less-loader": "^8.0.0",
-    "typescript": "~4.5.5",
-    "view-design": "^4.7.0",
-    "vue": "^2.6.14",
-    "vue-template-compiler": "^2.6.14"
-  }
-}
+{
+    "name": "@ajaxjs/ui",
+    "version": "1.4.1",
+    "private": false,
+    "publishConfig": {
+        "access": "public"
+    },
+    "type": "module",
+    "keywords": [
+        "ajaxjs"
+    ],
+    "author": "Frank Cheung <frank@ajaxjs.com>",
+    "license": "Apache License 2.0",
+    "description": "Widgets based on iView.js",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/lightweight-component/js/tree/main/aj-common-ui"
+    },
+    "bugs": {
+        "url": "https://github.com/lightweight-component/js/issues"
+    },
+    "main": "./dist/ajaxjs-ui.cjs.js",
+    "module": "./dist/ajaxjs-ui.es.js",
+    "exports": {
+        ".": {
+            "import": "./dist/ajaxjs-ui.es.js",
+            "require": "./dist/ajaxjs-ui.cjs.js"
+        }
+    },
+    "types": "./dist/types/index.d.ts",
+    "files": [
+        "dist/**/*"
+    ],
+    "scripts": {
+        "dev": "vite",
+        "build": "vite build",
+        "build:lib": "vite build --config vite.lib.config.js",
+        "build:demo": "vite build --config vite.app.config.js",
+        "preview": "vite preview"
+    },
+    "dependencies": {
+        "@ajaxjs/util": "^1.2.1",
+        "vue": "^3.5.18"
+    },
+    "devDependencies": {
+        "@types/node": "^20.19.15",
+        "@vitejs/plugin-vue": "^6.0.1",
+        "@vue/tsconfig": "^0.7.0",
+        "less": "^4.4.1",
+        "typescript": "~5.8.3",
+        "vite": "^7.1.2",
+        "vite-plugin-dts": "^4.5.4",
+        "vue-tsc": "^3.0.5"
+    }
+}

package/.browserslistrc

@@ -1,3 +0,0 @@
-> 1%
-last 2 versions
-not dead

package/.eslintrc.js

@@ -1,26 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  'extends': [
-    'plugin:vue/essential',
-    'eslint:recommended',
-    '@vue/typescript/recommended'
-  ],
-  parserOptions: {
-    ecmaVersion: 2020
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'vue/multi-word-component-names': 'off',
-    'vue/no-unused-components': 'off',
-    '@typescript-eslint/no-this-alias': 'off',
-    "no-unused-vars": "off",
-    '@typescript-eslint/ban-ts-comment': [
-      'error',
-      { 'ts-ignore': 'allow-with-description' },
-    ]
-  },
-}

package/babel.config.js

@@ -1,5 +0,0 @@
-module.exports = {
-  presets: [
-    '@vue/cli-plugin-babel/preset'
-  ]
-}

package/deprecated/utils.js

@@ -1,220 +0,0 @@
-// 数据服务 UI 配置
-window.DS_CONFIG = {
-    API_ROOT: 'http://localhost:8080/adp/data_service',
-};
-
-if (!window.aj)
-    aj = {};
-
-/**
-* 复制文字到剪切板
-* 
-* @param {*} text 
-*/
-aj.copyToClipboard = function (text) {
-    if (navigator.clipboard) {
-        // clipboard api 复制
-        navigator.clipboard.writeText(text);
-    } else {
-        var textarea = document.createElement('textarea');
-        document.body.appendChild(textarea);
-        // 隐藏此输入框
-        textarea.style.position = 'fixed';
-        textarea.style.clip = 'rect(0 0 0 0)';
-        textarea.style.top = '10px';
-        // 赋值
-        textarea.value = text;
-        // 选中
-        textarea.select();
-        // 复制
-        document.execCommand('copy', true);
-        // 移除输入框
-        document.body.removeChild(textarea);
-    }
-}
-
-function myHTMLInclude() {
-    var z, i, a, file, xhttp;
-    z = document.getElementsByTagName("*");
-
-    for (i = 0; i < z.length; i++) {
-        if (z[i].getAttribute("w3-include-html")) {
-            a = z[i].cloneNode(false);
-            file = z[i].getAttribute("w3-include-html");
-            var xhttp = new XMLHttpRequest();
-            xhttp.onreadystatechange = function () {
-                if (xhttp.readyState == 4 && xhttp.status == 200) {
-                    a.removeAttribute("w3-include-html");
-                    a.innerHTML = xhttp.responseText;
-                    z[i].parentNode.replaceChild(a, z[i]);
-                    myHTMLInclude();
-                }
-            }
-            xhttp.open("GET", file, false);
-            xhttp.send();
-            return;
-        }
-    }
-}
-; (() => {
-    function request(method, url, params, cb, cfg) {
-        var xhr = new XMLHttpRequest();
-        xhr.open(method, url);
-        xhr.onreadystatechange = function () {
-            if (this.readyState === 4) {
-                var responseText = this.responseText.trim();
-                if (!responseText) {
-                    alert('服务端返回空的字符串!');
-                    return;
-                }
-
-                var data = null;
-                try {
-                    var parseContentType = cfg && cfg.parseContentType;
-                    switch (parseContentType) {
-                        case 'text':
-                            data = responseText;
-                            break;
-                        case 'xml':
-                            data = this.responseXML;
-                            break;
-                        case 'json':
-                        default:
-                            data = JSON.parse(responseText);
-                            businessCheck(data);
-                    }
-                } catch (e) {
-                    alert('AJAX 错误:\n' + e + '\nThe url is:' + cb.url); // 提示用户 异常
-                }
-
-                cb && cb(data, this);
-                /*				if (this.status === 200) {
-                                } else if (this.status === 500) {
-                                }*/
-            }
-        }
-
-        if (cfg && cfg.header) {
-            for (var i in cfg.header) {
-                xhr.setRequestHeader(i, cfg.header[i]);
-            }
-        }
-
-        xhr.send(params || null);
-    }
-
-    // 业务处理
-    function businessCheck(json) {
-        if (json && !json.status)
-            alert(json.message || '操作失败');
-    }
-
-    function json2fromParams(param) {
-        let result = "";
-
-        for (let name in param) {
-            if (typeof param[name] != "function")
-                result += "&" + name + "=" + encodeURIComponent(param[name]);
-        }
-
-        return result.substring(1);
-    }
-
-    function form(method, url, params, cb, cfg) {
-        if (typeof params != 'string' && !(params instanceof FormData))
-            params = json2fromParams(params);
-
-        if (!cfg)
-            cfg = {};
-
-        cfg.header = { "Content-Type": "application/x-www-form-urlencoded" };
-        request(method, url, params, cb, cfg);
-    }
-
-    function json(method, url, params, cb, cfg) {
-        if (typeof params != 'string' && !(params instanceof FormData))
-            params = JSON.stringify(params);
-
-        if (!cfg)
-            cfg = {};
-
-        cfg.header = { "Content-Type": "application/json" };
-        request(method, url, params, cb, cfg);
-    }
-
-    aj.xhr = {
-        get(url, cb, cfg) {
-            request('GET', url, null, cb, cfg);
-        },
-        postForm(url, params, cb, cfg) {
-            form("POST", url, params, cb, cfg);
-        },
-        postJson(url, params, cb, cfg) {
-            json("POST", url, params, cb, cfg);
-        },
-        putForm(url, params, cb, cfg) {
-            form("PUT", url, params, cb, cfg);
-        },
-        putJson(url, params, cb, cfg) {
-            json("PUT", url, params, cb, cfg);
-        },
-        del(url, cb, cfg) {
-            request('DELETE', url, null, cb, cfg);
-        },
-        formData(form) {
-            if (!window.FormData)
-                throw 'The version of your browser is too old, please upgrade it.';
-
-            if (typeof form == 'string')
-                form = document.querySelector(form);
-            var json = {};
-
-            var formData = new FormData(form);
-            formData.forEach(function (value, key) {
-                json[key] = value;
-            });
-
-            return json;
-        }
-    };
-
-})();
-
-/**
- * 通用的打开下载对话框方法，没有测试过具体兼容性
- * https://www.cnblogs.com/liuxianan/p/js-download.html
- * 
- * ref 这应该是你见过的最全前端下载总结 https://juejin.cn/post/6844903763359039501
- * 
- * @param url 下载地址，也可以是一个blob对象，必选
- * @param saveName 保存文件名，可选
- */
-function openDownloadDialog(url, saveName) {
-    if (typeof url == 'object' && url instanceof Blob)
-        url = URL.createObjectURL(url); // 创建blob地址
-
-    var aLink = document.createElement('a');
-    aLink.href = url;
-    aLink.download = saveName || ''; // HTML5新增的属性，指定保存文件名，可以不要后缀，注意，file:///模式下不会生效
-
-    var event;
-    if (window.MouseEvent) event = new MouseEvent('click');
-    else {
-        event = document.createEvent('MouseEvents');
-        event.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
-    }
-
-    aLink.dispatchEvent(event);
-}
-
-function getQueryParam(variable, isParent) {
-    var query = (isParent ? parent.location : window.location).search.substring(1);
-    var vars = query.split("&");
-
-    for (var i = 0; i < vars.length; i++) {
-        var pair = vars[i].split("=");
-        if (pair[0] == variable) { return pair[1]; }
-    }
-
-    return (false);
-}