@hairy/uni-lib 1.39.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025-PRESENT Hairyf <https://github.com/antfu>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,36 @@
+# @hairy/vue-lib
+
+[![npm version][npm-version-src]][npm-version-href]
+[![npm downloads][npm-downloads-src]][npm-downloads-href]
+[![bundle][bundle-src]][bundle-href]
+[![JSDocs][jsdocs-src]][jsdocs-href]
+[![License][license-src]][license-href]
+
+## Install
+
+```
+ni @hairy/vue-lib
+```
+
+## CDN
+
+```html
+<script src="https://unpkg.com/@hairy/vue-lib"></script>
+```
+
+## License
+
+[MIT](./LICENSE) License © [Hairyf](https://github.com/hairyf)
+
+<!-- Badges -->
+
+[npm-version-src]: https://img.shields.io/npm/v/@hairy/vue-lib?style=flat&colorA=080f12&colorB=1fa669
+[npm-version-href]: https://npmjs.com/package/@hairy/vue-lib
+[npm-downloads-src]: https://img.shields.io/npm/dm/@hairy/vue-lib?style=flat&colorA=080f12&colorB=1fa669
+[npm-downloads-href]: https://npmjs.com/package/@hairy/vue-lib
+[bundle-src]: https://img.shields.io/bundlephobia/minzip/@hairy/vue-lib?style=flat&colorA=080f12&colorB=1fa669&label=minzip
+[bundle-href]: https://bundlephobia.com/result?p=@hairy/vue-lib
+[license-src]: https://img.shields.io/github/license/hairyf/hairylib.svg?style=flat&colorA=080f12&colorB=1fa669
+[license-href]: https://github.com/hairyf/hairylib/blob/main/LICENSE
+[jsdocs-src]: https://img.shields.io/badge/jsdocs-reference-080f12?style=flat&colorA=080f12&colorB=1fa669
+[jsdocs-href]: https://www.jsdocs.io/package/@hairy/vue-lib

package/dist/index.cjs

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  createQuerySelector: () => createQuerySelector,
+  useQuerySelector: () => useQuerySelector,
+  useQuerySelectorAll: () => useQuerySelectorAll
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/utils/index.ts
+var import_utils = require("@hairy/utils");
+var import_vue = require("vue");
+function createQuerySelector(type, mode = "select") {
+  const ready = new import_utils.Deferred();
+  const instance = (0, import_vue.getCurrentInstance)();
+  function query(selector, fields = {}) {
+    const promise = new import_utils.Deferred();
+    function resolve(value) {
+      const result = Array.isArray(value) ? value : [value];
+      const resolved = mode === "select" ? result[0] : result;
+      result.length ? promise.resolve(resolved) : promise.reject();
+    }
+    ready.then(() => {
+      const query2 = uni.createSelectorQuery().in(instance)[mode](selector);
+      if (type === "fields")
+        query2.fields(fields, resolve).exec();
+      else
+        query2[type](resolve).exec();
+    });
+    return promise;
+  }
+  (0, import_vue.onMounted)(ready.resolve);
+  return query;
+}
+
+// src/hooks/useQuerySelector.ts
+function useQuerySelector(...args) {
+  return createQuerySelector(args[0], "select");
+}
+
+// src/hooks/useQuerySelectorAll.ts
+function useQuerySelectorAll(...args) {
+  return createQuerySelector(args[0], "selectAll");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createQuerySelector,
+  useQuerySelector,
+  useQuerySelectorAll
+});

package/dist/index.d.ts

@@ -0,0 +1,31 @@
+type QuerySelectorType = 'boundingClientRect' | 'context' | 'fields' | 'node' | 'scrollOffset';
+type QuerySelectorMode = 'select' | 'selectAll';
+type QuerySelectorResponse<M extends QuerySelectorMode, V = UniApp.NodeInfo> = M extends 'selectAll' ? V[] : V;
+interface QuerySelectorNodeInfo<M extends QuerySelectorMode = 'select'> {
+    (selector: string): Promise<QuerySelectorResponse<M>>;
+}
+interface QuerySelectorNodeFields<M extends QuerySelectorMode = 'select'> {
+    (selector: string, fields?: UniApp.NodeField): Promise<QuerySelectorResponse<M>>;
+}
+interface QuerySelectorNode<M extends QuerySelectorMode = 'select'> {
+    (selector: string): Promise<QuerySelectorResponse<M, any>>;
+}
+declare function createQuerySelector<M extends QuerySelectorMode = 'select'>(type: 'boundingClientRect', mode?: M): QuerySelectorNodeInfo<M>;
+declare function createQuerySelector<M extends QuerySelectorMode = 'select'>(type: 'context', mode?: M): QuerySelectorNodeInfo<M>;
+declare function createQuerySelector<M extends QuerySelectorMode = 'select'>(type: 'scrollOffset', mode?: M): QuerySelectorNodeInfo<M>;
+declare function createQuerySelector<M extends QuerySelectorMode = 'select'>(type: 'fields', mode?: M): QuerySelectorNodeFields<M>;
+declare function createQuerySelector<M extends QuerySelectorMode = 'select'>(type: 'node', mode?: M): QuerySelectorNode<M>;
+
+declare function useQuerySelector(type: 'boundingClientRect'): QuerySelectorNodeInfo;
+declare function useQuerySelector(type: 'context'): QuerySelectorNodeInfo;
+declare function useQuerySelector(type: 'scrollOffset'): QuerySelectorNodeInfo;
+declare function useQuerySelector(type: 'fields'): QuerySelectorNodeFields;
+declare function useQuerySelector(type: 'node'): QuerySelectorNode;
+
+declare function useQuerySelectorAll(type: 'boundingClientRect'): QuerySelectorNodeInfo<'selectAll'>;
+declare function useQuerySelectorAll(type: 'context'): QuerySelectorNodeInfo<'selectAll'>;
+declare function useQuerySelectorAll(type: 'scrollOffset'): QuerySelectorNodeInfo<'selectAll'>;
+declare function useQuerySelectorAll(type: 'fields'): QuerySelectorNodeFields<'selectAll'>;
+declare function useQuerySelectorAll(type: 'node'): QuerySelectorNode<'selectAll'>;
+
+export { type QuerySelectorMode, type QuerySelectorNode, type QuerySelectorNodeFields, type QuerySelectorNodeInfo, type QuerySelectorResponse, type QuerySelectorType, createQuerySelector, useQuerySelector, useQuerySelectorAll };

package/dist/index.global.js

@@ -0,0 +1,97 @@
+"use strict";
+(() => {
+  var __create = Object.create;
+  var __defProp = Object.defineProperty;
+  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+  var __getOwnPropNames = Object.getOwnPropertyNames;
+  var __getProtoOf = Object.getPrototypeOf;
+  var __hasOwnProp = Object.prototype.hasOwnProperty;
+  var __commonJS = (cb, mod) => function __require() {
+    return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+  };
+  var __copyProps = (to, from, except, desc) => {
+    if (from && typeof from === "object" || typeof from === "function") {
+      for (let key of __getOwnPropNames(from))
+        if (!__hasOwnProp.call(to, key) && key !== except)
+          __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+    }
+    return to;
+  };
+  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+    // If the importer is in node compatibility mode or this is not an ESM
+    // file that has been converted to a CommonJS file using a Babel-
+    // compatible transform (i.e. "__esModule" has not been set), then set
+    // "default" to the CommonJS "module.exports" for node compatibility.
+    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+    mod
+  ));
+
+  // globals:vue
+  var require_vue = __commonJS({
+    "globals:vue"(exports, module) {
+      "use strict";
+      module.exports = Vue;
+    }
+  });
+
+  // ../util-core/src/util/noop.ts
+  var noop = () => {
+  };
+
+  // ../util-core/src/util/deferred.ts
+  var Deferred = class extends Promise {
+    resolve;
+    reject;
+    constructor(executor = noop) {
+      let _resolve, _reject;
+      super((resolve_, reject_) => {
+        _resolve = resolve_;
+        _reject = reject_;
+        return executor(resolve_, reject_);
+      });
+      this.resolve = (value) => {
+        _resolve(value);
+        return this;
+      };
+      this.reject = (reason) => {
+        _reject(reason);
+        return this;
+      };
+    }
+  };
+
+  // src/utils/index.ts
+  var import_vue = __toESM(require_vue(), 1);
+  function createQuerySelector(type, mode = "select") {
+    const ready = new Deferred();
+    const instance = (0, import_vue.getCurrentInstance)();
+    function query(selector, fields = {}) {
+      const promise = new Deferred();
+      function resolve(value) {
+        const result = Array.isArray(value) ? value : [value];
+        const resolved = mode === "select" ? result[0] : result;
+        result.length ? promise.resolve(resolved) : promise.reject();
+      }
+      ready.then(() => {
+        const query2 = uni.createSelectorQuery().in(instance)[mode](selector);
+        if (type === "fields")
+          query2.fields(fields, resolve).exec();
+        else
+          query2[type](resolve).exec();
+      });
+      return promise;
+    }
+    (0, import_vue.onMounted)(ready.resolve);
+    return query;
+  }
+
+  // src/hooks/useQuerySelector.ts
+  function useQuerySelector(...args) {
+    return createQuerySelector(args[0], "select");
+  }
+
+  // src/hooks/useQuerySelectorAll.ts
+  function useQuerySelectorAll(...args) {
+    return createQuerySelector(args[0], "selectAll");
+  }
+})();

package/dist/index.js

@@ -0,0 +1,40 @@
+// src/utils/index.ts
+import { Deferred } from "@hairy/utils";
+import { getCurrentInstance, onMounted } from "vue";
+function createQuerySelector(type, mode = "select") {
+  const ready = new Deferred();
+  const instance = getCurrentInstance();
+  function query(selector, fields = {}) {
+    const promise = new Deferred();
+    function resolve(value) {
+      const result = Array.isArray(value) ? value : [value];
+      const resolved = mode === "select" ? result[0] : result;
+      result.length ? promise.resolve(resolved) : promise.reject();
+    }
+    ready.then(() => {
+      const query2 = uni.createSelectorQuery().in(instance)[mode](selector);
+      if (type === "fields")
+        query2.fields(fields, resolve).exec();
+      else
+        query2[type](resolve).exec();
+    });
+    return promise;
+  }
+  onMounted(ready.resolve);
+  return query;
+}
+
+// src/hooks/useQuerySelector.ts
+function useQuerySelector(...args) {
+  return createQuerySelector(args[0], "select");
+}
+
+// src/hooks/useQuerySelectorAll.ts
+function useQuerySelectorAll(...args) {
+  return createQuerySelector(args[0], "selectAll");
+}
+export {
+  createQuerySelector,
+  useQuerySelector,
+  useQuerySelectorAll
+};

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@hairy/uni-lib",
+  "type": "module",
+  "version": "1.39.0",
+  "description": "Library for vue",
+  "author": "Hairyf <wwu710632@gmail.com>",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/hairyf",
+  "homepage": "https://github.com/hairyf/hairylib#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hairyf/hairylib.git"
+  },
+  "bugs": "https://github.com/hairyf/hairylib/issues",
+  "keywords": [],
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "publishConfig": {
+    "jsdelivr": "./dist/index.global.js"
+  },
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "@vue/composition-api": "^1.0.0-rc.1",
+    "vue": "^2.0.0 || >=3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@vue/composition-api": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@vueuse/core": "^13.0.0",
+    "css-render": "^0.15.14",
+    "lodash": "^4.17.21",
+    "vue-demi": "latest",
+    "@hairy/utils": "1.39.0"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^3.4.28",
+    "@types/lodash": "^4.17.16",
+    "vue": "^3.2.29"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "start": "tsx src/index.ts"
+  },
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "unpkg": "./dist/index.global.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./*": "./*"
+  }
+}