@milaboratories/uikit 2.2.45 → 2.2.47

package/src/composition/useComponentProp.ts

@@ -0,0 +1,36 @@
+import type { InferComponentProps } from '@/types';
+import { computed, type Component, type ComputedRef } from 'vue';
+
+/**
+ * A utility function that creates a reactive computed property
+ * based on a specific prop of a Vue component.
+ *
+ *
+ * @template C - The Vue component type.
+ * @template P - The prop name.
+ *
+ * @param cb - A factory function that returns the value of the prop from the inferred component props.
+ *
+ * @returns A `ComputedRef` of the specified prop
+ *
+ * @example
+ * ```ts
+ * import { ref, defineComponent } from 'vue';
+ * import { useComponentProp } from '@platforma-sdk/ui-vue';
+ *
+ * const MyComponent = defineComponent({
+ *   props: {
+ *     myProp: {
+ *       type: String,
+ *       required: true
+ *     }
+ *   }
+ * });
+ *
+ * const propValue = useComponentProp<typeof MyComponent, 'myProp'>(() => 'example');
+ * console.log(propValue.value); // Outputs: 'example'
+ * ```
+ */
+export function useComponentProp<C extends Component, P extends keyof InferComponentProps<C>>(cb: () => InferComponentProps<C>[P]): ComputedRef<InferComponentProps<C>[P]> {
+  return computed(cb);
+}

package/src/helpers/index.ts

@@ -9,7 +9,7 @@ export function requestTick<P>(cb: (...args: P[]) => void) {
       });
       tick = true;
     } else {
-      console.log('handle pressure');
+      // console.log('handle pressure');
     }
   };
 }

package/src/index.ts

@@ -63,6 +63,7 @@ export * from './components/PlIcon16';
 export * from './components/PlIcon24';
 
 export * from './components/PlChartStackedBar';
+export * from './components/PlChartHistogram';
 
 export * from './colors';
 
@@ -93,6 +94,7 @@ export { useInterval } from './composition/useInterval';
 export { useFormState } from './composition/useFormState';
 export { useQuery } from './composition/useQuery.ts';
 export { useDraggable } from './composition/useDraggable';
+export { useComponentProp } from './composition/useComponentProp';
 
 /**
  * Utils/Partials

package/src/types.ts

@@ -1,5 +1,5 @@
 import type { ImportFileHandle, Platforma, StorageHandle, PlRef as ModelRef } from '@platforma-sdk/model';
-import type { Ref, ComputedRef } from 'vue';
+import type { Ref, ComputedRef, Component } from 'vue';
 import { maskIcons16 } from './generated/icons-16';
 import { maskIcons24 } from './generated/icons-24';
 
@@ -78,6 +78,8 @@ export type ImportedFiles = {
   files: ImportFileHandle[];
 };
 
+export type InferComponentProps<C extends Component> = C extends Component<infer P> ? P : never;
+
 declare global {
   const platforma: Platforma | undefined;
   interface Window {