@swj_ld/ld-component-library 1.0.0

package/README.md

@@ -0,0 +1,81 @@
+# LD Component Library
+
+A Vue 3 component library for uni-app projects.
+
+## Installation
+
+```bash
+npm install @swj_ld/ld-component-library
+```
+
+## Usage
+
+### Importing Components
+
+```vue
+<template>
+  <LdEmpty description="暂无数据" top="50%" />
+</template>
+
+<script setup>
+import { LdEmpty } from '@swj_ld/ld-component-library'
+</script>
+```
+
+### Importing All Components
+
+```vue
+<template>
+  <LdEmpty description="暂无数据" />
+</template>
+
+<script setup>
+import LDComponents from '@swj_ld/ld-component-library'
+
+// Register globally
+// app.use(LDComponents)
+</script>
+```
+
+## Components
+
+### LdEmpty
+
+A component for displaying empty state.
+
+#### Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| description | string | '暂无内容' | The description text |
+| top | string | '46%' | The top position |
+
+#### Example
+
+```vue
+<LdEmpty description="暂无数据" top="50%" />
+```
+
+## Development
+
+### Install Dependencies
+
+```bash
+npm install
+```
+
+### Build the Library
+
+```bash
+npm run build
+```
+
+### Development Server
+
+```bash
+npm run dev
+```
+
+## License
+
+MIT

package/dist/ld-component-library.es.js

@@ -0,0 +1,50 @@
+import { defineComponent as p, resolveComponent as a, createElementBlock as i, openBlock as c, normalizeStyle as m, createVNode as d, withCtx as s, renderSlot as l, createElementVNode as y } from "vue";
+const f = /* @__PURE__ */ p({
+  __name: "LdEmpty",
+  props: {
+    description: { default: "暂无内容" },
+    top: { default: "46%" }
+  },
+  setup(t) {
+    return (o, e) => {
+      const r = a("sar-empty");
+      return c(), i("view", {
+        class: "empty-wrap",
+        style: m({ top: t.top })
+      }, [
+        d(r, {
+          description: t.description,
+          "root-style": {
+            "--sar-empty-description-margin-top": 0,
+            "--sar-empty-description-font-size": "28rpx",
+            "--sar-empty-description-font-weight": "300",
+            "--sar-empty-description-color": "#151515",
+            "--sar-empty-extra-margin-top": 0
+          }
+        }, {
+          icon: s(() => [...e[0] || (e[0] = [
+            y("image", {
+              src: "/assets/images/nodata.png",
+              class: "image-box"
+            }, null, -1)
+          ])]),
+          default: s(() => [
+            l(o.$slots, "default", {}, void 0, !0)
+          ]),
+          _: 3
+        }, 8, ["description"])
+      ], 4);
+    };
+  }
+}), u = (t, o) => {
+  const e = t.__vccOpts || t;
+  for (const [r, n] of o)
+    e[r] = n;
+  return e;
+}, _ = /* @__PURE__ */ u(f, [["__scopeId", "data-v-ac2729c0"]]), x = {
+  LdEmpty: _
+};
+export {
+  _ as LdEmpty,
+  x as default
+};

package/dist/ld-component-library.umd.js

@@ -0,0 +1 @@
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.LdComponentLibrary={},t.Vue))})(this,function(t,e){"use strict";const r=((o,s)=>{const n=o.__vccOpts||o;for(const[i,d]of s)n[i]=d;return n})(e.defineComponent({__name:"LdEmpty",props:{description:{default:"暂无内容"},top:{default:"46%"}},setup(o){return(s,n)=>{const i=e.resolveComponent("sar-empty");return e.openBlock(),e.createElementBlock("view",{class:"empty-wrap",style:e.normalizeStyle({top:o.top})},[e.createVNode(i,{description:o.description,"root-style":{"--sar-empty-description-margin-top":0,"--sar-empty-description-font-size":"28rpx","--sar-empty-description-font-weight":"300","--sar-empty-description-color":"#151515","--sar-empty-extra-margin-top":0}},{icon:e.withCtx(()=>[...n[0]||(n[0]=[e.createElementVNode("image",{src:"/assets/images/nodata.png",class:"image-box"},null,-1)])]),default:e.withCtx(()=>[e.renderSlot(s.$slots,"default",{},void 0,!0)]),_:3},8,["description"])],4)}}}),[["__scopeId","data-v-ac2729c0"]]),p={LdEmpty:r};t.LdEmpty=r,t.default=p,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/style.css

@@ -0,0 +1 @@
+.empty-wrap[data-v-ac2729c0]{position:absolute;left:50%;transform:translate(-50%,-50%)}.empty-wrap .image-box[data-v-ac2729c0]{margin-bottom:28rpx;width:200rpx;height:200rpx}

package/dist/types/components/LdEmpty/LdEmpty.vue.d.ts

@@ -0,0 +1,41 @@
+interface Props {
+    description?: string;
+    top?: string;
+}
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    description: string;
+    top: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    description: string;
+    top: string;
+}>>> & Readonly<{}>, {
+    description: string;
+    top: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/LdEmpty/index.d.ts

@@ -0,0 +1,5 @@
+export interface LdEmptyProps {
+    description?: string;
+    top?: string;
+}
+export { default } from './LdEmpty.vue';

package/dist/types/index.d.ts

@@ -0,0 +1,57 @@
+export { default as LdEmpty, type LdEmptyProps } from './components/LdEmpty';
+declare const _default: {
+    LdEmpty: {
+        new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+            description: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            top: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
+            description: string;
+            top: string;
+        }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<import('vue').ExtractPropTypes<{
+            description: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+            top: {
+                type: import('vue').PropType<string>;
+                default: string;
+            };
+        }>> & Readonly<{}>, {}, {}, {}, {}, {
+            description: string;
+            top: string;
+        }>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+        description: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        top: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
+        description: string;
+        top: string;
+    }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
+        $slots: {
+            default?(_: {}): any;
+        };
+    });
+};
+export default _default;

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "@swj_ld/ld-component-library",
+  "type": "module",
+  "version": "1.0.0",
+  "exports": {
+    ".": {
+      "types": "./dist/types/index.d.ts",
+      "import": "./dist/ld-component-library.es.js",
+      "require": "./dist/ld-component-library.umd.js"
+    }
+  },
+  "main": "dist/ld-component-library.umd.js",
+  "module": "dist/ld-component-library.es.js",
+  "types": "dist/types/index.d.ts",
+  "files": ["dist", "src"],
+  "scripts": {
+    "build": "vite build",
+    "type-check": "vue-tsc --noEmit",
+    "dev": "vite"
+  },
+  "peerDependencies": {
+    "sard-uniapp": "^x.x.x",
+    "vue": "^3.3.4"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^5.0.0",
+    "typescript": "^5.2.2",
+    "vite": "^5.0.0",
+    "vite-plugin-dts": "^3.6.4",
+    "vue-tsc": "^1.8.27"
+  }
+}

package/src/components/LdEmpty/LdEmpty.vue

@@ -0,0 +1,46 @@
+<script lang="ts" setup>
+interface Props {
+  description?: string
+  top?: string
+}
+
+withDefaults(defineProps<Props>(), {
+  description: '暂无内容',
+  top: '46%',
+})
+</script>
+
+<template>
+  <view class="empty-wrap" :style="{ top }">
+    <sar-empty
+      :description="description"
+      :root-style="{
+        '--sar-empty-description-margin-top': 0,
+        '--sar-empty-description-font-size': '28rpx',
+        '--sar-empty-description-font-weight': '300',
+        '--sar-empty-description-color': '#151515',
+        '--sar-empty-extra-margin-top': 0,
+      }"
+    >
+      <template #icon>
+        <image src="/assets/images/nodata.png" class="image-box" />
+      </template>
+      <template #default>
+        <slot />
+      </template>
+    </sar-empty>
+  </view>
+</template>
+
+<style lang="scss" scoped>
+.empty-wrap {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  .image-box {
+    margin-bottom: 28rpx;
+    width: 200rpx;
+    height: 200rpx;
+  }
+}
+</style>

package/src/components/LdEmpty/index.ts

@@ -0,0 +1,6 @@
+export interface LdEmptyProps {
+  description?: string
+  top?: string
+}
+
+export { default } from './LdEmpty.vue'

package/src/index.ts

@@ -0,0 +1,9 @@
+// 导出LdEmpty组件
+// 导出所有组件（便于批量导入）
+import LdEmpty from './components/LdEmpty'
+
+export { default as LdEmpty, type LdEmptyProps } from './components/LdEmpty'
+
+export default {
+  LdEmpty,
+}